This time to bring you 360 browser compatibility Mode page display is not completely how to handle, processing 360 browser Compatibility Mode page display is not full of attention to what, the following is the actual case, take a look.
As is known to all, the domestic mainstream browser is a dual-core browser: Based on the WebKit kernel for popular sites of high-speed browsing. IE-based kernels are used to be compatible with online banking and legacy websites. For example, 360 of the browsers, we prefer to render the mainstream through the WebKit kernel site, only a small amount of web sites through the IE kernel rendering, to ensure that the page is compatible. For a long time, our main control was a hundreds of K size Web site library, a library of URLs collected through long-term manual operations.
Although we strive to improve the automatic core accuracy of the browser through user feedback, code Tag Intelligent judgment technology. But in many cases, we still can't reach disposing right. As a result, we have added a new control: the kernel controls meta tags. As long as you add a meta tag to your website, tell the 360 browser which kernel to use to render the URL, which 360 browser will be read to this tag, immediately switch the corresponding kernel. and apply this behavior to all URLs under this level two domain name.
Currently this feature has been implemented in all 360 secure browsers. We also recommend that other browser vendors work together to support this implementation. Make this control label an industry standard.
code example
Add a line of code to the head tag:
Content value is one of webkit,ie-comp,ie-stand, case-sensitive, respectively, represented by the WebKit kernel, IE compatible kernel, IE standard kernel.
If the page needs to be the default speed core, add tag: <meta name= "renderer" content= "WebKit" >
If the page needs to default IE compatible kernel, add tag: <meta name= "renderer" content= "Ie-comp" >
If the page needs to default with IE standard kernel, add tag: <meta name= "renderer" content= "Ie-stand" >
Note: Quotation marks to the English state, the direct copy of the code to see the format is right, please correct yourself.
Technical details of each render core
Kernel Webkit IE compatible IE standard
Document Mode Chrome IE6/7 ie9/ie10/ie11 (depending on the user's IE)
HTML5 Support Yes NO Yes
ActiveX controls support NO Yes Yes
Note
This function is actually very similar to IE9 's x-ua-compatible.
Today when I try a JS code, guess maybe 360 compatibility mode, IE version is not the highest version, the code is more positive, such as the following code, 360 browser must write the code into the body tag inside. There's no browser inside.
<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> script House </font>";</script></body>
Believe that you have read the case of this article you have mastered the method, more exciting please pay attention to the PHP Chinese network other related articles!
Recommended reading:
Fixed left, adaptive layout on the right
A detailed description of the Float property in CSS
CSS3 's Box-sizing Property graphic tutorial