web-dev-qa-db-ja.com

Chromeで簡易ビューを表示するか、簡易ビューで作業するのを防ぐ

私がデザインした方法で見ると見栄えの良いウェブサイトがあります。 AndroidでChromeからアクセスするたびに、画面の下部に[簡易表示を表示]のプロンプトが表示されます。このプロンプトをクリックして、簡易表示で実際に表示すると、サイトには1つのニュースアイテムのみが表示され（1ページに25があるはずです）、すべてのコントロール（ログイン、ニュースアイテム、コメントの追加）が削除され、スクロールは機能しなくなります。 （見出し/画像/記事の抜粋が一致しない、配色が欠落しているなど）。これはGoogle Chromeでのみ発生します。これをテストした他のブラウザはありません。

他のサイトで簡易表示に切り替えるプロンプトが表示されません。私の好みは、このプロンプトを表示しないようにサイトにタグを配置することです。私はそれをグーグルで探しましたが、Chromeから機能をオンにする方法についての記事のみを見つけました。サーバー側から機能を無効にする方法については何もありません。

私の2番目の考えは、この単純化されたビューを使用して、それを使用したい人のために機能させることです。ただし、すべての広告をブロックし、私のサイトは広告のみでサポートされていることを読んだため、プロンプトの表示を絶対に防ぐことができない場合、これは遠い秒です。

総括する：

  1. 「簡易ビューを表示する」プロンプトが表示されないようにするには、または
  2. それに失敗した場合、簡易表示で動作するようにサイトを設定するにはどうすればよいですか？
htmlcsstwitter-bootstrapgoogle-chromebootstrap-4
9
Johnny Wales

私が見つけた答えは、メディアの幅に基づいてフォントサイズを変更することでした。フォントサイズが、使用しているモバイルデバイスで読み込める大きさになったら、簡易表示の提案を停止しました。使用された正確なコードは次のとおりです。

@media (max-width: 540px) {
    body {
        font-size:18px !important;
    }
}

簡単です。

5
Johnny Wales

[〜＃〜] p [〜＃〜]タグをページのdivに置き換えます。このモードは、リーダーモードとも呼ばれます。おそらく この答え が役に立つかもしれません。

3
Mukul Bhardwaj

モバイルデバイスのビューポート設定も確認してください。ビューポートの初期スケールを0.6に変更すると、このポップアップが表示されました。

基本的に、Googleはフォントサイズが小さすぎることを認識しました。私には良さそうに見えますが、おそらく完璧な視力のない訪問者には向いていません。

<meta name="viewport" content="width=device-width, initial-scale=0.6, maximum-scale=2">

この場合、initial-scale = 1を変更するとこれが修正されます

1
Ryan NZ

G'day mate。永続的な解決策があります。 chrome：// flagsに移動して「リーダーモード」を検索し、名前に「リーダーモード」があるフラグを両方とも無効にします。そして、それは完了です、あなたはそのポップアップに再び悩まされることは決してないでしょう（あなたがそのchrome browser and then ........ .. ..もう一度やらなければならないでしょう。ありがとう。

0
DJR Harris