ホームページ  >  記事  >  ウェブフロントエンド  >  360、Cheetah ブラウザ、その他の高速モードでの css3 互換性の問題を解決_html/css_WEB-ITnose

360、Cheetah ブラウザ、その他の高速モードでの css3 互換性の問題を解決_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:34:191528ブラウズ

場合によっては、作成したアニメーションの CSS3 効果が、IE、Google、Firefox などの主流ブラウザの新しいバージョンでは互換性の問題がないことがわかります。たとえプレフィックスを記述しなくても、アニメーションは引き続き問題なく動作する可能性があります。有効と表示されます。次に、ローカルの 360 ブラウザまたは Cheetah ブラウザ (この 2 つだけを試しました) で開くと、アニメーション効果が表示されません。最初はプレフィックスの問題だと思うので、プレフィックスを追加しました。できる場合もあればできない場合もあります。 360 と Cheetah はどちらも Google と IE のデュアルコアを使用しています。なぜこの問題が発生するのでしょうか?これは、360 ブラウザが互換モードとエクストリーム スピード モードに分かれているためです。エクストリーム スピード モードでは互換性の問題が発生しますが、互換モードでは問題が少なくなります。これは、CSS3 がエクストリーム スピード モードでサポートされていないという事実につながります。 。

解決策: メタタグコードを通じて 360 ブラウザ (Cheetah など) のデフォルトの開始モードを変更します。

ブラウジング モード

エクストリーム スピード モード、互換性モード、および IE9 高速モードは、Web ページを表示するときに 360 ブラウザーで使用される 3 つのモードです:

はエクストリーム スピード モードを意味します

は互換性モードを意味します

は IE9/IE10 モードを意味します (インストールされている場合のみ IE9 または IE10 以降で利用可能)

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

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

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

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

メタ タグは次のとおりです:

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

<html><head><meta name="renderer" content="webkit|ie-comp|ie-stand"></head><body></body></html>

content の値は、webkit、ie-comp、ie-stand のいずれかであり、大文字と小文字が区別され、次の内容を表しますWebkit カーネル、IE 互換カーネル、IE 標準カーネルの使用。
ページがデフォルトで超高速カーネルを使用する必要がある場合は、タグ 2e3560c4189039010106a5cc9f144b3a を追加します。
ページがデフォルトで IE 互換カーネルを使用する必要がある場合は、タグを追加しますタグ: 4eda256dbe2343e697d4e4b390123534
ページがデフォルトで IE 標準カーネルを使用する必要がある場合は、タグ:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。