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

Detailed explanation of CSS text decoration text-decoration &amp; text-emphasis

In CSS, text is one of the most common things we ...

Two methods of implementing automatic paging in Vue page printing

This article example shares the specific code of ...

What is a MySQL tablespace?

The topic I want to share with you today is: &quo...

Introduction to MySQL overall architecture

The overall architecture of MySQL is divided into...

Solution to the problem that order by is not effective in MySQL subquery

By chance, I discovered that a SQL statement prod...

Creative About Us Web Page Design

Unique “About”-Pages A great way to distinguish yo...

Detailed explanation of the usage of the alias command under Linux

1. Use of alias The alias command is used to set ...

How to install Linux flash

How to install flash in Linux 1. Visit the flash ...

Implementation of react routing guard (routing interception)

React is different from Vue. It implements route ...

Practical record of optimizing MySQL tables with tens of millions of data

Preface Let me explain here first. Many people on...

SQL interview question: Find the sum of time differences (ignore duplicates)

When I was interviewing for a BI position at a ce...

MySQL cursor principle and usage example analysis

This article uses examples to explain the princip...

Summary of block-level elements, inline elements, and variable elements

Block element p - paragraph pre - format text tabl...

IIS7~IIS8.5 delete or modify the server protocol header Server

Requirements: Remove HTTP response headers in IIS...

Detailed process of drawing three-dimensional arrow lines using three.js

Demand: This demand is an urgent need! In a subwa...