Home Web Front-end CSS Tutorial How to deal with incomplete page display in 360 browser compatibility mode

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

May 14, 2018 am 10:38 AM
firefox webkit Browser

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!

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!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1653
14
PHP Tutorial
1251
29
C# Tutorial
1224
24
How to register an account on Ouyi Exchange Ouyi Exchange Registration Tutorial How to register an account on Ouyi Exchange Ouyi Exchange Registration Tutorial Apr 24, 2025 pm 02:06 PM

The steps to register an Ouyi account are as follows: 1. Prepare a valid email or mobile phone number and stabilize the network. 2. Visit Ouyi’s official website. 3. Enter the registration page. 4. Select email or mobile phone number to register and fill in the information. 5. Obtain and fill in the verification code. 6. Agree to the user agreement. 7. Complete registration and log in, carry out KYC and set up security measures.

What is the reason why the browser does not respond after the WebSocket server returns 401? How to solve it? What is the reason why the browser does not respond after the WebSocket server returns 401? How to solve it? Apr 19, 2025 pm 02:21 PM

The browser's unresponsive method after the WebSocket server returns 401. When using Netty to develop a WebSocket server, you often encounter the need to verify the token. �...

How to correctly generate and display the WeChat applet with parameters QR codes in Java? How to correctly generate and display the WeChat applet with parameters QR codes in Java? Apr 19, 2025 pm 04:48 PM

Generating a WeChat applet QR code with parameters in Java and displaying it on an HTML page is a common requirement. This article will discuss in detail how to use J...

Can JWT implement dynamic permission changes? What is the difference from the Session mechanism? Can JWT implement dynamic permission changes? What is the difference from the Session mechanism? Apr 19, 2025 pm 06:12 PM

Confusion and answers about JWT and Session Many beginners are often confused about their nature and applicable scenarios when learning JWT and Session. This article will revolve around J...

Why can't JavaScript directly obtain hardware information on the user's computer? Why can't JavaScript directly obtain hardware information on the user's computer? Apr 19, 2025 pm 08:15 PM

Discussion on the reasons why JavaScript cannot obtain user computer hardware information In daily programming, many developers will be curious about why JavaScript cannot be directly obtained...

Binance download link Binance download path Binance download link Binance download path Apr 24, 2025 pm 02:12 PM

To safely download the Binance APP, you need to go through the official channels: 1. Visit the Binance official website, 2. Find and click the APP download portal, 3. Choose to scan the QR code, app store, or directly download the APK file to download to ensure that the link and developer information are authentic, and enable two-factor verification to protect the security of the account.

What to do if the USDT transfer address is incorrect? Guide for beginners What to do if the USDT transfer address is incorrect? Guide for beginners Apr 21, 2025 pm 12:12 PM

After the USDT transfer address is incorrect, first confirm that the transfer has occurred, and then take measures according to the error type. 1. Confirm the transfer: view the transaction history, obtain and query the transaction hash value on the blockchain browser. 2. Take measures: If the address does not exist, wait for the funds to be returned or contact customer service; if it is an invalid address, contact customer service and seek professional help; if it is transferred to someone else, try to contact the payee or seek legal help.

What is on-chain transaction? What are the global transactions? What is on-chain transaction? What are the global transactions? Apr 22, 2025 am 10:06 AM

EU MiCA compliance certification, covering 50 fiat currency channels, cold storage ratio 95%, and zero security incident records. The US SEC licensed platform has convenient direct purchase of fiat currency, a ratio of 98% cold storage, institutional-level liquidity, supports large-scale OTC and custom orders, and multi-level clearing protection.

See all articles