target-densitydpi = device-dpi 用了之后虽然 webview的分辨率==实际窗体的分辨率
但是整个html以及js交互超级卡??这是为什么?
target-density据说不推荐用,那android端的替代方案是什么?
闭关修行中......
こんにちは、ホスト:
最初の質問: 画面適応の問題
通常、HTML ヘッダー情報にこのようなメタを追加すると、CSS がサポートしている場合に画面に適応させる効果が得られます。
2 番目の問題: HTML と JS の間の相互作用が Android でスタックします。
Android 4.4 の正式バージョン (多くの国内携帯電話メーカーは Google のバージョンに準拠していません) では、依然として Webview カーネルが使用されています WebKit このカーネルのパフォーマンスは新しいカーネルのパフォーマンスと同じです。 (Chromium) それに比べればまだ貧弱です。ただし、一般的に言えば、ハードウェア アクセラレーションをオンにするとわずかに改善されます。
WebKit
Chromium
注: Android ハードウェア アクセラレーションを有効にする方法はいくつかあります。ここをクリックしてください
3 番目の問題: 解決策:
作者が純粋な Web アプリを開発したい場合は、新しい携帯電話を使用してください。正式な Android 4.4 以降、カーネル Chromium のパフォーマンスが向上しました。
Android の下位バージョンをサポートしたい場合は、cordova + Crosswalk を試すことができます。詳細はこちら (追記: Crosswalk にも欠点があります)
この設定により、ロードされた HTML に画面を適応させることができますsettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
スタイルを記述するには rem を使用します
<meta name="viewport" content="width=device-width、initial-scale=1" />
これを使用して何を制限しますか?
こんにちは、ホスト:
最初の質問: 画面適応の問題
リーリー2 番目の問題: HTML と JS の間の相互作用が Android でスタックします。
リーリー3 番目の問題: 解決策:
作者が純粋な Web アプリを開発したい場合は、新しい携帯電話を使用してください。正式な Android 4.4 以降、カーネル
Chromium
のパフォーマンスが向上しました。Android の下位バージョンをサポートしたい場合は、cordova + Crosswalk を試すことができます。詳細はこちら (追記: Crosswalk にも欠点があります)
この設定により、ロードされた HTML に画面を適応させることができます
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
スタイルを記述するには rem を使用します
<meta name="viewport" content="width=device-width、initial-scale=1" />
これを使用して何を制限しますか?