スクロールを制御するウェブサイトは、ユーザビリティを著しく損ないます。通常通りスクロールする代わりに、これらの攻撃者はスクロールジャッキングを悪用し、お気に入りのウェブブラウザのスクロールコマンドの解釈方法を改変して、ページをスクロールダウンする代わりに派手なアニメーションを表示させます。これは、違和感とフラストレーションの原因となります。明るい面としては、この望ましくない動作は簡単に止めることができます。iDownloadBlogのステップバイステップのチュートリアルに従って、Apple.comやその他のよく利用するウェブサイトからスクロールジャッキングを削除する方法を学びましょう。
スクロールジャッキングについて
スクロールジャッキング、またはスクロール ハイジャックは、非常に現実的なユーザビリティの問題です。
自分のペースで上下にスクロールする代わりに、マウスのスクロールホイールを回すたびにアニメーションのトランジションやその他の視覚効果を目にせざるを得なくなります。多くの場合、このような不適切なWebデザインはユーザーのCPUに負担をかけ、時間を無駄にしています。
ジョン・グルーバーはDaring Fireballに次のように書いている。
AirPods Proの概要ページは奇妙な怪物だ。スクロールしていない時でも、2015年製MacBook ProのCPUを圧迫する。数分前にタブを閉じたのに、ファンはまだ回っている。アニメーションがぎこちなく、スクロールも遅く感じる。
スクロールジャッキングが多すぎて、次のセクションに進むだけでも何度もスクロールしたりページダウンしたりしなければなりません。iPadとiPhoneではアニメーションは少なくともスムーズですが、それでもページの一番下までたどり着くまでに何千回もスワイプしているように感じます。まるで読者に読み続けてほしくないようなデザインです。
スクロールジャッキングによって読むのをやめたくなる、という彼の意見はまさに正しい。
ご存知かもしれませんが、Appleでさえスクロール操作を邪魔するのを免れることはできません。初めて訪れた時は視覚的に驚かされるかもしれませんが、実際に気を散らされることなく読み進めたり、興味のある部分までスクロールしたりしようとした途端、イライラさせられるAppleのウェブページの例をいくつか挙げてみましょう。
- 16インチMacBook Pro
- iPad Pro
- エアポッドプロ
iPad Pro のページは特に不快で、垂直方向にスクロールすると水平スクロールが強制されます。
Appleの他のウェブページでもスクロールジャッキングが利用されていますが、上記のページほど顕著ではありません。例えば、iMac ProとPro Display XDRのページでは、オープニングアニメーションを再生するためにスクロールが変更されますが、その後は想定どおりにスクロールします。
スクロールジャッキングは JavaScript を使用してブラウザの動作を変更するため、問題のページにアクセスする前に JavaScript を一時的に無効にすると、スクロールジャッキングの発生を防ぐことができます。
チュートリアル: Mac 版 Safari で非表示の開発メニューを有効にする方法
Apple.com やその他の Web サイトで Apple の Safari ブラウザでスクロールジャッキングを防ぐ方法については、この後説明する iDownloadBlog のステップバイステップのチュートリアルを参照してください。
iOS版Safariでスクロールジャッキングを無効にする方法
iPhone および iPad の Safari で JavaScript を無効にするには、次の手順を実行します。
1) iPhone または iPad で設定を開きます。
2)リストからSafariを選択します。
3)画面下部の「詳細設定」をタップします。
4) JavaScript を無効にするには、JavaScriptの横にあるスイッチをOFF の位置にスライドします。
スクロールが面倒だったウェブサイトにアクセスすると、見栄えがよく、スクロールに関して期待どおりに動作する、読みやすいコンテンツが表示されるようになります。
完了したら、上記のスイッチをオンの位置にスライドして JavaScript を再度有効にし、iCloud、Facebook など、JavaScript を使用する他の Web サイトで完全な機能を使用するようにしてください。
macOSのSafariでスクロールジャッキングを無効にする方法
JavaScript を無効にするオプションは、一般ユーザーが誤ってオプションを使用しないように、Safari の開発者専用メニューの下に隠されています。
1) Mac でSafariを開きます。
2) Safari メニューをクリックし、「環境設定」を選択します。
3) [詳細設定]タブをクリックします。
4) 「メニューバーに開発メニューを表示」の横にチェックマークを付けます。
これで、Safari を開いているときはいつでも、メニュー バーに「開発」メニューが表示されるようになります。
5) Safari の 「開発」メニューをクリックし、 「JavaScript を無効にする」オプションを選択します。
スクロールをハイジャックしていたページにアクセスして、自動スクロール、突然のスクロール速度の変化、リソースと帯域幅を大量に消費するアニメーション、スクロールの動作を妨げるその他の不自然な動作などの邪魔なしにコンテンツを楽しむことができます。
また、「開発」メニューで JavaScript をオンまたはオフにすることもできます。Safari メニューから「環境設定」を選択し、「セキュリティ」タブをクリックして、「Javascript を有効にする」ボックスのチェックを外し、ブラウザを再起動します。
完了したら、Safari の「開発」メニューで「JavaScript を無効にする」オプションの選択を解除するか、Safari のセキュリティ設定で「Javascript を有効にする」ボックスにチェックを入れて、JavaScript を再度有効にすることを忘れないでください。
そうすることで、Google Apps、iCloud.com、Facebook など、JavaScript に依存する複雑な Web サイトで完全な機能が確保されます。
他のブラウザでのスクロールジャッキング
前述したように、スクロールを制御するには、スマートな JavaScript コードが必要です。
お気に入りのウェブブラウザがAppleのSafariでなくても、SafariでJavaScriptを無効にすることで、迷惑なスクロールジャッキングコードの実行を効果的に防ぐことができます。ここでは、Apple以外の人気ブラウザ3つでJavaScriptを無効にする方法を分かりやすく解説します。
- Firefox： URLフィールドに「about:config」と入力し、Enterキーを押して「リスクを承知で同意します」をクリックします。次に、検索フィールドに「javascript」と入力し、「javascript.enabled」の行をダブルクリックして、true（有効）とfalse（無効）を切り替えます。
- Chrome： Chromeのメニューから「設定」を選択し、設定ページの一番下までスクロールして「詳細設定」または「詳細設定を表示」をクリックします。設定ページが展開して追加オプションが表示されたら、「プライバシーとセキュリティ」セクションの「コンテンツの設定」をクリックします。最後に、「JavaScript」オプションをクリックし、「許可」の横にあるスイッチを押して「ブロック」に変更します。
- Opera： Operaのメニューから「環境設定」を選択し、左側の列で「詳細設定」をクリックし、右側の列で「サイト設定」をクリックします。「Javascript」をクリックし、「許可（推奨）」の横にあるスイッチをクリックして、すべてのページでJavascriptをブロックします。
繰り返しになりますが、問題のページへのアクセスが終了したら、ブラウザがすべての Web ページですべての JavaScript を実行できるように、ブラウザで Javascript を再度有効にすることを忘れないでください。
スクロールジャッキングに関するあなたの経験
スクロールジャッキングの経験はどうですか?
スクロールジャッキングを悪用するウェブページに遭遇したことがありますか？複数のウェブサイトでこの問題に遭遇した方は、どのウェブサイトで特にスクロールジャッキングの被害に遭いましたか？その理由は？最後に、スクロールジャッキングの殿堂入りに値する悪質なウェブサイトを教えてください。
ぜひ下のコメント欄であなたの体験を他の読者と共有してください。
ヘルプが必要ですか？iDB にお問い合わせください。
このチュートリアルが気に入ったら、友達に伝えて、下記にコメントを残してください。
困っていませんか？Appleデバイスで特定の操作方法がわからない場合は、[email protected]までご連絡ください。今後のチュートリアルで解決策が見つかるかもしれません。
[email protected]から独自のハウツー提案を送信することもできます。
