メタタグコードを使用して、360 デュアルコアブラウザを互換モードではなく高速モードにデフォルト設定します。

メタタグコードを使用して、360 デュアルコアブラウザを互換モードではなく高速モードにデフォルト設定します。

あるウェブサイトでは、ユーザーが WebKit カーネルでページを開くことを期待して、HTML5 と CSS3 を多用しています。しかし、テストの結果、360 の推奨モードは IE カーネルで開くことであることがわかりました。理由はわかりません。実際、360 は Web サイト開発者が選択できる方法を設計しました。メタ タグ コードを追加するだけで問題を解決できます。

以下の情報は360公式サイトから抜粋したものです。

ブラウズモード

スピードモード、互換モード、IE9 高速モードは、360 ブラウザが Web ページを表示するときに使用する 3 つのモードです。

高速モードを示します

互換モードを示します

IE9/IE10 モードを示します (IE9 または IE10 がインストールされている場合にのみ使用可能)

360 Speed Browser は、各 Web サイトに適した閲覧モードを自動的に選択します。したがって、通常は複数のカーネルの違いを知る必要はありません。

各モードの特徴は何ですか?

高速モードでは、Web サイトはすぐに開きますが、一部の Web サイトでは互換性の問題があり、高速モードでは異常に表示される場合があります。
互換モードでは、Web サイトの開く速度は超高速モードよりもわずかに遅くなりますが、Web ページの互換性の問題は少なくなります。
IE9/IE10 モードでは、Web サイトは IE9/IE10 のレンダリング方法を使用してレンダリングされ、ハードウェア アクセラレーションと IE9/IE10 の新しいスクリプト レンダリング エンジンをサポートします。

ブラウジング モードを切り替えると、360 Speed Browser は 2 つのコア間でデータを自動的に同期し、2 つのコア間をシームレスに切り替えることができます。

ユーザーエクスペリエンスプログラム

ユーザー エクスペリエンス プログラムにご参加いただくと、互換性リスト ライブラリの改善や製品の改善に役立てるため、切り替えられた URL を 360 Web サイトにお送りします。

アップロードされたデータにはお客様の個人情報は含まれておらず、第三者の個人または組織に開示されることはありません。

切り替えたURLをアップロードしたくない場合は、「詳細オプション」のチェックボックスをオフにするだけです。
「360 スピード ブラウザの改善に役立てるため、使用統計とクラッシュ レポートを 360 スピード ブラウザの Web サイトに自動的に送信します。」

背景

よく知られているように、中国で主流のブラウザはデュアルコアブラウザであり、よく使用される Web サイトを高速に閲覧するための Webkit カーネルに基づいています。 IE ベースのカーネルは、オンライン バンキングや古いバージョンの Web サイトとの互換性のために使用されます。 360 のいくつかのブラウザを例にとると、主流の Web サイトを Webkit カーネルでレンダリングすることを優先し、ページの互換性を確保するために、少数の Web サイトのみを IE カーネルでレンダリングします。長い間、私たちの主な制御手段は、長期にわたる手動操作によって収集された数百 KB の URL ライブラリでした。

当社は、ユーザーからのフィードバックとコードタグのインテリジェントな判断技術を通じて、ブラウザの自動コア切り替えの精度を向上させるために努力しています。しかし、多くの場合、まだ 100% 正確であるとは言えません。そのため、カーネル制御メタタグという新しい制御方法を追加しました。ウェブサイトにメタ タグを追加し、この URL をレンダリングするためにどのカーネルを使用するかを 360 Browser に指示すると、360 Browser はこのタグを読み取った後、すぐに対応するカーネルに切り替えます。そして、この動作をこの第 2 レベル ドメイン名の下にあるすべての URL に適用します。
現在、この機能は 360 セキュア ブラウザすべてに実装されています。他のブラウザベンダーでもこの実装をサポートすることをお勧めします。この制御ラベルを業界標準にしましょう。

コードサンプル

ヘッドタグにコード行を追加します:

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>   
  2. <ヘッド>   
  3. <メタ 名前= "レンダラー"コンテンツ= "webkit | ie-comp | ie-stand" />   
  4. </ヘッド>   
  5. <本文>   
  6. </本文>   
  7. </html>   

コンテンツの値は、webkit、ie-comp、ie-stand のいずれかで、大文字と小文字が区別され、それぞれ webkit カーネル、IE 互換カーネル、IE 標準カーネルを表します。

ページでデフォルトでスピードカーネルを使用する必要がある場合は、タグを追加します: <meta name=”renderer” content=”webkit” />
ページでデフォルトで IE 互換カーネルを使用する必要がある場合は、タグを追加します: <meta name="renderer" content="ie-comp" />
ページでデフォルトで IE 標準カーネルを使用する必要がある場合は、タグを追加します: <meta name="renderer" content="ie-stand" />

ここで問題が見つかりました。公式情報は「>」で終わっており、実際のテスト時には機能しません。このときは、末尾を「 />」に変更するだけで(/の前にスペースがあることに注意)、テストは実行可能になります。

各レンダリングコアの技術的詳細

カーネルウェブキットIE の互換性IE 標準
ドキュメントモードクローム21 IE6/7 IE9/IE10/IE11 (ユーザーのIEによって異なります)
HTML5サポートはいいいえはい
ActiveX コントロールのサポートいいえはいはい

各カーネルのUAの例



述べる

この機能は、実際には IE9 の X-UA-compatible と非常によく似ています。いくつかの IE コアの実装の概要については、以下を参照してください。
http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx

スピードモードと互換モードで使用されるテクノロジーについて詳しくは、以下をご覧ください。

エクストリーム スピード モードでは、世界最速のブラウザー カーネルであり、多くの新しい Web 標準をサポートする Webkit カーネルが使用されます。
ただし、Webkit カーネルは比較的新しいため、一部の国内 Web サイトはまだこのカーネルを十分にサポートしていません。

互換モードでは、IE ブラウザで使用される Trident カーネルが使用されます。これは、国内の Web ページを作成するときに互換性のある主要なブラウザ カーネルであり、互換性の問題が少なくなります。

IE9/IE10 モードでは、IE9/IE10 ブラウザーで使用される新しいカーネルが使用され、ハードウェア アクセラレーション、新しいスクリプト レンダリング エンジン、さらに標準的な HMTL5 および CSS3 サポートが追加されます。

<<:  要素フォーム検証で検証プロンプトをクリアする方法

>>:  Docker で Tomcat、MySQL、Redis をインストールするための詳細な手順

推薦する

Vueルータールーティングの詳細な説明

目次1. 基本的な使い方2. 注意すべき点3. マルチレベルルーティング(マルチレベルルーティング)...

MySql でデータの重複挿入を回避する 3 つの方法

序文MySql で主キーの競合または一意キーの競合が発生した場合、挿入方法に応じてエラーを回避するた...

JS を使用して配列内の要素の存在を 10 分で判断する

序文フロントエンド開発では、配列内に要素が存在するかどうかを判断する必要があることがよくあります。実...

ウェブサイトのビジュアルデザイン(画像とテキスト)における情報伝達の役割と方法

現代の Web ビジュアル デザインは、初期の情報の積み重ねから、その後のグラフィックスと抽象化、そ...

W3C 検証に合格するにはどうすればいいですか?

W3C では、さまざまなタグの規定を設定するだけでなく、Web ページの作成者が実際に W3C 規...

JSはjQueryのappend関数を実装します

目次コードを見せてください効果をテストする効果追伸別のアプローチコードを見せてください HTMLEl...

MySQL パフォーマンス チューニングについて知っておくべき 15 個の重要な変数 (要約)

序文: MYSQL は最も人気のある WEB バックエンド データベースです。最近、NOSQL がま...

自動ヘルスレポートを実現するDocker+Selenium方式

この記事では、ある大学の健康報告システムを例に、Web 側の自動化操作を完成させます。使用したテクノ...

MySQL 学習ノート ヘルプ ドキュメント

システムヘルプを表示help contents mysql> ヘルプコンテンツ; ヘルプ カテ...

JavaScript Proxyオブジェクトの詳細な説明

目次1. プロキシとは何ですか? 2. 使い方は? 1. プロキシを使用する簡単な例2. 対象オブジ...

マウスを置いたときに半透明効果のテキスト説明を実現するための純粋な CSS (初心者は必読)

効果は以下のとおりです。 例1 例2:例1[結婚式の計画]を例にとるHTML: <div cl...

Vueは小さな検索機能を実装する

この記事の例では、検索機能を実装するためのVueの具体的なコードを参考までに共有しています。具体的な...

Vue の el-table は自動天井効果を実現します (固定をサポート)

目次序文実装のアイデア効果:使用:メインソースコード:序文多くのケースを見た結果、単純な観点からは、...

CentOS のデフォルトの SSH ポート番号を変更する方法の例

LinuxサーバーのデフォルトのSSHポート番号は通常22なので、ほとんどのユーザーはセキュリティ上...

HTML にネストされた div の無効なマージンに対する解決策

div がネストされているときに margin が機能しない問題の解決策を次に示します。さて、マージ...