Use Meta tag code to set 360 Dual-core Browser to default to high-speed mode instead of compatible mode

Use Meta tag code to set 360 Dual-core Browser to default to high-speed mode instead of compatible mode

A website uses a lot of HTML5 and CSS3, hoping that users will open the page with the WebKit kernel. However, the test found that 360's recommended mode is to open with the IE kernel. I don't know why. In fact, 360 has designed a method for website developers to choose from. Just add a Meta tag code to solve the problem.

The following information is extracted from the 360 ​​official website:

Browse Mode

Speed ​​mode, compatibility mode and IE9 high-speed mode are the three modes used by 360 browser when displaying web pages:

Indicates high speed mode

Indicates compatibility mode

Indicates IE9/IE10 mode (only available if IE9 or IE10 is installed)

360 Speed ​​Browser will automatically select the browsing mode suitable for each website for you. So, normally you don't need to know the difference between the several kernels.

What are the characteristics of each mode?

In high-speed mode, websites open quickly, but some websites may have compatibility issues and display abnormally in high-speed mode.
In compatible mode, the website opening speed is slightly lower than that in extreme speed mode, but there are fewer web page compatibility issues.
In IE9/IE10 mode, the website will be rendered using IE9/IE10's rendering method, supporting hardware acceleration and IE9/IE10's new script rendering engine.

When switching browsing modes, 360 Speed ​​Browser will automatically synchronize data between the two cores, allowing you to switch between the two cores seamlessly.

User Experience Program

If you join the user experience program, we will send the switched URL to the 360 ​​website so that we can improve the compatible list library and improve the product.

The uploaded data does not contain information with your individual characteristics and will not be disclosed to third-party individuals or organizations.

If you do not want to upload the switched URL, you can simply uncheck the box in "Advanced Options"
"Automatically send usage statistics and crash reports to the 360 ​​Speed ​​Browser website to help us improve 360 ​​Speed ​​Browser."

Background

As is well known, the mainstream browsers in China are dual-core browsers: based on the Webkit kernel for high-speed browsing of commonly used websites. The IE-based kernel is used for compatibility with online banking and old versions of websites. Taking several browsers of 360 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, our main means of control was a URL library of several hundred KB in size, a URL library collected through long-term manual operations.

Although we work hard to improve the browser's automatic core switching accuracy through user feedback and code tag intelligent judgment technology. But in many cases, we still can't be 100% correct. Therefore, we added a new control method: 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 feature has been implemented in all 360 secure browsers. We also recommend that other browser vendors support this implementation. Let this control label become the industry standard.

Code Sample

Add a line of code in the head tag:

XML/HTML CodeCopy content to clipboard
  1. < html >   
  2. < head >   
  3. < meta   name = "renderer" content = "webkit | ie-comp | ie-stand" />   
  4. </ head >   
  5. < body >   
  6. </ body >   
  7. </ html >   

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

If the page needs to use the speed kernel by default, add the tag: <meta name=”renderer” content=”webkit” />
If the page needs to use IE compatible kernel by default, add tag: <meta name="renderer" content="ie-comp" />
If the page needs to use the IE standard kernel by default, add the tag: <meta name="renderer" content="ie-stand" />

A problem was found here. The official information ends with “>”, which does not work during actual testing. At this time, just change the ending to “ />” (note that there is a space before /), and the test will be feasible.

Technical details of each rendering core

Kernel Webkit IE Compatibility IE Standards
Document Mode Chrome 21 IE6/7 IE9/IE10/IE11 (depending on the user's IE)
HTML5 support YES NO YES
ActiveX Control Support NO YES YES

UA examples for each kernel



Remark

This feature is actually very similar to X-UA-Compatible in IE9. For an introduction to the implementation of several IE cores, see:
http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx

Learn about the technologies used by Speed ​​Mode and Compatibility Mode:

The extreme speed mode uses the Webkit kernel, which is the fastest browser kernel in the world and supports many new web standards.
However, since the Webkit kernel is relatively new, some domestic websites have not yet supported this kernel well.

The compatibility mode uses the Trident kernel used by IE browser, which is the main compatible browser kernel when making domestic web pages and has fewer compatibility issues.

IE9/IE10 mode uses the new kernel used by IE9/IE10 browsers, adding hardware acceleration, a new script rendering engine, and more standard HMTL5 and CSS3 support.

<<:  Detailed steps for installing Tomcat, MySQL and Redis with Docker

>>:  How to clear the validation prompt in element form validation

Recommend

Explanation of MySQL index types Normal, Unique and Full Text

MySQL's index types include normal index, uni...

How to start and restart nginx in Linux

Nginx (engine x) is a high-performance HTTP and r...

centos7.2 offline installation mysql5.7.18.tar.gz

Because of network isolation, MySQL cannot be ins...

Detailed process of deploying Docker to WSL2 in IDEA

The local environment is Windows 10 + WSL2 (Ubunt...

Summary of the Differences between find() and filter() Methods in JavaScript

Table of contents Preface JavaScript find() Metho...

Detailed explanation of using INS and DEL to mark document changes

ins and del were introduced in HTML 4.0 to help au...

How to display small icons in the browser title bar of HTML webpage

Just like this effect, the method is also very si...

Example code for CSS to achieve horizontal lines on both sides of the text

This article introduces the sample code of CSS to...

Detailed explanation of LVM seamless disk horizontal expansion based on Linux

environment name property CPU x5650 Memory 4G dis...

A brief discussion on two current limiting methods in Nginx

The load is generally estimated during system des...

A brief discussion on the role of the docker --privileged=true parameter

Around version 0.6, privileged was introduced to ...

HTML table markup tutorial (6): dark border color attribute BORDERCOLORDARK

In a table, you can define the color of the lower...

Related commands to completely uninstall nginx under ubuntu16.04

nginx Overview nginx is a free, open source, high...