5

HTML 5 テクノロジを使用して、デスクトップの Chrome ブラウザで実行されるアプリケーションを作成しようとしています。私の課題の 1 つは、次のようなことを行う方法がないように思われることです。

<meta name="viewport" content="width=device-height, user-scalable=no, maximum-scale=1, minimum-scale=1" />

デスクトップ上。クロムについて報告された問題を見つけましたが、無視されているようです。

問題の感触をつかむには、Mac の Chrome または Safari で maps.google.com にアクセスし、ピンチ ズーム ジェスチャを実行します。ユーザーが期待するように、マップがズームインする代わりに、ブラウザは使用できない巨大な混乱を引き起こします.

Google マップと Chrome が同じ会社によって開発されていることを考えると、これはかなり絶望的な原因のように感じられます。しかし、これは「Web アプリケーション」の概念全体におけるかなり根本的な欠陥のように思えます。仮想ビューポートをウィンドウと同じサイズにするなどの基本的なことさえブラウザで制御できない場合、ネイティブ エクスペリエンスを作成することは不可能です。

何か不足していますか？

4

3 に答える 3

2

私は同じ問題に直面しています。私は最近これを見つけました：

document.addEventListener('touchmove', function(event){
    if(event.touches.length >=2) {
        event.stopPropagation(); 
        event.preventDefault(); 
    }
});

しかし、ユーザーが非常に迅速に行動すれば、それでも機能します。これは、ユーザーが誤ってピンチ ズームを行い、何が起こったのかわからず、キオスクが壊れているというキオスク設定では非常に厄介です。解決策が見つかったら投稿し続けます

于 2014-04-10T21:46:35.023 に答える
1

ユーザーが Web ビューでズームできないようにするための現在の「標準」はありません。ビューポートのメタ タグはまさにそれです.. メタ タグです。w3 はメタデータを次のように定義します。

「メタデータ コンテンツとは、残りのコンテンツの表示や動作を設定するコンテンツ、またはドキュメントと他のドキュメントとの関係を設定するコンテンツ、またはその他の「帯域外」情報を伝達するコンテンツです。」

また、次のようにメタ タグを定義します。

「メタ要素は、タイトル、ベース、リンク、スタイル、およびスクリプト要素を使用して表現できないさまざまな種類のメタデータを表します。」

メタ タグは本質的に非規範的であり、標準は実際には何ができるか、何ができないかを指示しません。これは、どのメタ情報を消費し、最終的に無視するかを決定するのはブラウザー (または Web プラットフォーム) 次第であるためです。ビューポート メタ タグは、モバイル プラットフォーム専用に作成された Webkit メタ タグです。

私が調査から知る限り、ユーザーがビュー -> ズーム、ctrl (またはコマンド) +/- を押す、またはピンチを実行することを防止する Webkit (または Chrome) に相当する現在のタグは存在しません。ラップトップのトラック パッドでジェスチャを行い、それに応じてズームします。

于 2013-03-12T00:29:36.460 に答える