メタタグコードを使用して、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 をインストールするための詳細な手順

推薦する

JS ループで async と await を正しく使用する方法

目次概要(ループモード - 共通)配列と非同期メソッドを宣言して反復するforループで使用するマップ...

MySQL CHARとVARCHARの保存と読み取りの違い

導入保存時と読み取り時に CHAR 型と VARCHAR 型の違いを本当にご存知ですか?まずいくつか...

CSS導入方法4つのまとめ(共有)

1. インライン参照:ラベルに直接使用されるが、メンテナンスコストが高い スタイル='フォ...

MySQL データベースの show processlist コマンドの使用の分析

実際のプロジェクト開発では、多数のクエリや挿入、特にマルチスレッド挿入など、データベースに大きな負荷...

DOCTYPE 文書型宣言 (Web ページ愛好家必読)

DOCTYPE 宣言 作成するすべてのページの先頭に、ドキュメント宣言が必要です。はい、そうでしょう...

win10にmysql 8.0.18-winx64をインストールする詳細な手順

1. まず公式ウェブサイトにアクセスしてMySQLインストールパッケージをダウンロードします参考: ...

CSS フォーム検証機能の実装コード

レンダリング原理フォーム要素には、正規表現(携帯電話番号、メールアドレス、IDカードなど)をカスタマ...

Win 8 以降での最新の MySQL バージョン 5.7.17 (64 ビット ZIP グリーン バージョン) のインストールと展開のチュートリアル

まず、ブロガーはコミュニティ バージョンをプレイしていますが、学習とテストにはこれで十分です。 Bl...

写真とテキストによる MySQL 8.0.21 インストール チュートリアル

1. ダウンロードリンクをダウンロードするダウンロードをクリックします。Oracle アカウントにロ...

dockerでnginxを実行するときにdaemon offが使用される理由についての簡単な説明

とても嬉しいです。この問題に遭遇したとき、私はDockerコンテナのプロセス原理について話さなければ...

Ubuntu 18仮想マシンのクローン作成後に同じIPアドレスになる問題の解決方法

序文最近、仮想マシンを使用して Ubuntu 18.04 をインストールしました。クローン作成後、I...

5 分で vue-cli3 を使用してプロジェクトを作成する方法を説明します (初心者向けガイド)

目次1. Vue環境を構築する2. Vue スキャフォールディングツール3. プロジェクトを作成する...

DockerでNginxサーバーを作成する方法

動作環境: MAC Docker バージョン: Docker version 17.12.0-ce,...

MySQL 30軍事ルールの詳細な説明

1. 基本仕様(1)InnoDBストレージエンジンを使用する必要があります。解釈:トランザクション、...

CSS の ::before と ::after 疑似要素について知らないこと

CSS には、一般的には使用されない 2 つの疑似クラス、before と :after があります...