This time I will show you how to deal with incomplete page display in 360 browser compatibility mode. What are the precautions for dealing with incomplete page display in 360 browser compatibility mode? The following is a practical case, let’s take a look. one time.
Due to the well-known situation, the mainstream domestic browsers are dual-core browsers: based on the Webkit kernel for high-speed browsing of commonly used websites. The IE-based kernel is used to be compatible with online banking and old versions of websites. Taking several 360 browsers as an example, we give priority to rendering mainstream websites through the Webkit kernel, and only a small number of websites are rendered through the IE kernel to ensure page compatibility. For a long time in the past, our main control method was a URL library with a size of several hundred kilobytes, a URL library collected through long-term manual operations. Although we strive to improve the browser’s automatic verification accuracy through user feedback and code tag intelligent judgment technology. But in many cases, we still can't get it 100% correct. Therefore, we
newly added a control method: the kernel control Meta tag. As long as you add a Meta tag to your website and tell 360 Browser which kernel should be used to render this URL, 360 Browser will immediately switch to the corresponding kernel after reading this tag. And apply this behavior to all URLs under this second-level domain name. Currently, this function has been implemented in all 360
Security browsers. We also recommend that other browser vendors support this implementation. Make this control label an industry standard. Code example
Add a line of code in the head tag:
<html> <head> <meta name="renderer" content="webkit|ie-comp|ie-stand"> </head> <body> </body> </html>
If the page needs to use the ultra-fast kernel by default, add the tag:
If the page needs to use the IE-compatible kernel by default, add the tag:
If the page needs to use the IE standard kernel by default, add the tag:
Note: Quotation marks are required If it is in English, just copy the code and check if the format is correct. Please correct it yourself.
Technical details of each rendering kernel
Kernel Webkit IE compatible with IE standards
Document mode Chrome 21 IE6/7 IE9/IE10/IE11 (depending on the user's IE)
HTML5 support YES NO YES
ActiveX
ControlSupport NO YES YES
RemarksThis function is actually very similar to IE9’s X-UA-Compatible
<body> <p id="dxy"></p> <script> var getId=function(id){ return "string"==typeof(id)?document.getElementById(id):id; } alert("ok"); getId("dxy").innerHTML="<font color=red>脚本之家</font>"; </script> </body>
The left side is fixed and the right side is adaptive layout method
Detailed explanation of the Float attribute in css
CSS3 box-sizing attribute graphic tutorial
The above is the detailed content of How to deal with incomplete page display in 360 browser compatibility mode. For more information, please follow other related articles on the PHP Chinese website!