How to deal with incomplete page display in 360 browser compatibility mode-CSS Tutorial-php.cn

How to deal with incomplete page display in 360 browser compatibility mode

php中世界最好的语言

Release： 2018-05-14 10:38:35

Original

15789 people have browsed it

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>

Copy after login

The value of content is one of webkit, ie-comp, and ie-stand. It is case-sensitive and represents the webkit kernel. IE compatible kernel, IE standard kernel.

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

Today When I tried a piece of js code, I guessed that in 360 compatibility mode, the IE version is not the highest version, and the code is relatively correct. For example, the following code, the code must be written in the body tag in the 360 browser. The browser inside will not work

<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>

Copy after login

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!