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

推薦する

HTML タイトルに二重引用符を追加する方法

<a href="https://www.jb51.net/" title...

Vue 要素と Nuxt の使用に関するヒントを共有する

1. 要素時間選択提出フォーマット変換例えば 2018年9月7日金曜日 00:00:00 GMT+0...

Linux ファイル/ディレクトリの権限と所有権の管理

1. ファイルの権限と所有権の概要1. アクセス権Read r: ファイルの内容を表示し、ディレクト...

Vue ベースの要素ボタン権限実装ソリューション

背景要件: ERP システムに「ボタン権限制御」機能を追加する必要があり、権限の制御粒度をボタン レ...

JavaScript を使用して userAgent を通じていくつかの一般的なブラウザを判別する方法

序文通常、h5 ページを作成するときは、WeChat、QQ、Weibo などのエコシステム内でトラフ...

MongoDB データベースの状態を監視する Zabbix3.4 メソッド

Mongodb には db.serverStatus() コマンドがあり、これを使用して Mongo...

初心者のためのWebサイト構築入門 ③ エイリアス(CNAME)レコードとURL転送

①. エイリアス(CNAME)レコードの使用方法:前回の投稿のドメイン名解決では、A レコードの解...

JavaScriptで配列を作成する方法の詳細な説明

目次JavaScript で配列を作成する配列の使用配列を分割文字列に変換する配列に要素を追加する配...

Vueはミックスインを使用してコンポーネントを最適化します

目次ミックスインの実装フック関数のマージプロジェクト実践伸ばす要約するVue は mixins AP...

HTMLフォームのいくつかの送信方法の概要

最も一般的で、最もよく使用され、最も一般的な方法は、submit タイプを使用することです。コードを...

Linux ホスト上で複数の MySQL データベースを起動する方法

今日は、Linux ホスト上で 4 つの MySQL データベースを起動する方法について説明します。...

間違った MySQL コマンドをキャンセルしたい場合はどうすればいいですか?

間違った mysql コマンドを入力したのでキャンセルしたいです。どうすればいいですか? ctrl ...

Linux (Ubuntu) での MySQL 5.6.28 のインストールと設定のチュートリアル

mysql5.6.28のインストールと設定方法1. 基本的なシステム情報を確認し、yumでインストー...

Node.js における path.join() の利点の分析

文字列連結ではなく path.join() メソッドを使用する必要があるのはなぜか疑問に思うかもしれ...

Java は Apache.POI を使用して HSSFWorkbook を Excel にエクスポートします

Apache.POI の HSSFWorkbook を使用して Excel にエクスポートします。具...