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

This time I will show you how to deal with incomplete page display in 360 browser compatibility mode. What are theprecautions 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
newlyadded 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
Securitybrowsers. We also recommend thatotherbrowser vendors support this implementation. Make this control label an industry standard.Code example
Add a line of code in the head tag:

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

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!

Recommended reading:

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!