メディア クエリを使用して、モバイル ユーザーを別のモバイル固有のスタイルシートに誘導しました。問題は、インデックス ページに JS を使用する要素があり、モバイル バージョンではこれをオフにする必要があることです。これを行うにはどうすればよいですか?
追加されたメモ: 私は JS に慣れていません。
以下のコメントのいくつかについて、不要なコードのロードによるモバイルでのロード時間が心配です。モバイルでない場合にのみjsをロードするようにドキュメントに指示するために、私の要素に何を追加すればよいか教えてくれる人は親切でしょうか? それは正しい質問ですか？
最善の解決策は、モバイル バージョンに必要なスクリプトのみをロードすることです。多くのデバイスにはデータ上限があるため、ユーザーが不要なスクリプトをロードすることは望ましくありません。そのため、PHP または JavaScript を介してブラウザを検出し、プラットフォームに必要なファイルをロードします。
メディア クエリと同じ仕様を検出するスクリプトを使用してみませんか? そうすれば、スクリプトを選択的にアクティブ化できます。
そのようなスクリプトの 1 つが1140 CSS グリッドフレームワークに存在し、古いブラウザーでのメディア クエリをサポートします。あなたはそれをチェックして、それをどのように利用できるかを見ることができます.
画面の幅と高さを確認して、メディア クエリの画面検出をエミュレートする方法を説明する記事を次に示します。
ところで。CSS はスタイリングのためのものであり、それ以上のものではありません。
2 つのオプション:
デスクトップで他のすべてのスクリプトをロードするスクリプトを使用できます。これは、邪魔にならない Javascript (jquery など) のみを使用している場合に適したオプションです。
もう 1 つのオプションは、サーバー側で最初にこれらのスクリプトを生成しないことです。
ページにスクリプトが埋め込まれた要素があることを意味していると思います。最初に行う必要があるのは、要素の onclick 属性などの埋め込みスクリプトを取り除くことです。これらのスクリプトは、独自の外部 JS ファイルに移動する必要があります。これが完了すると、サイトのモバイル バージョンの JS ファイルのみを含めることができます。