Safariの優れた機能のいくつかは隠されています
Safariには Web開発者用に設計された豊富な特別機能 があり 、すべてが隠れた開発メニューの下にまとめられています。 実行中のSafariのバージョンに応じて、[開発]メニューには、ユーザーエージェントを変更するオプション、Webインスペクタやエラーコンソールなどの追加機能を表示する、JavaScriptを無効にする、 Safariのキャッシュを無効にするか、無効にします。 開発者でなくても、これらの機能のいくつかが役立つかもしれません。
[現像]メニューの使用は簡単です。メニューの各項目は、現在ロードされている最前面のSafariのページまたはタブに関連しており、その後にロードされるウェブページにも適用されます。 例外は、「空のキャッシュ」など、Safariにグローバルな影響を与えるコマンドです。
[現像]メニューを使用するには、まずこの非表示のメニューを表示させる必要があります。 これは、 デバッグメニューを表示するよりはるかに簡単な作業です。これはSafari 4より前のバージョンでは、[開発]メニューに含まれているすべてのコマンドが含まれていました。 しかし、古いデバッグメニューはもはや関連性がないとは思わないでください。 それはまだ存在し、多くの有用なツールを含んでいます。
Safariに開発メニューを表示する
- / Applications / SafariにあるSafariを起動します。
- メニューから[Safari、環境設定]を選択して、Safariの環境設定を開きます。
- [詳細設定]タブをクリックします。
- 'メニューバーに現像メニューを表示する'の横にチェックマークを付けます。
[現像]メニューはブックマークとウィンドウのメニュー項目の間に表示されます。 [開発]メニューは、Web開発者にとって特に便利ですが、カジュアルなユーザーは非常に便利です。
開発者メニューを無効にしたい場合は、上記の手順4のチェックマークを削除するだけです。
最も便利なツールメニュー項目は、次のとおりです。
- ページを開く：Macにインストールしたブラウザで現在のWebページを開くことができます。 Safariで正常に動作しないようなWebサイトを訪れたことがある場合は、このコマンドを使用して、別のブラウザの同じWebページにすばやくポップアップすることができます
- ユーザーエージェント：ユーザーエージェントは、ブラウザがWebページをホストしているWebサーバーに送信する文字列です。 Safariがサポートされていないと宣言したWebページを訪れたことがある場合、これはサイトがどのブラウザを使用しているかを知っていた方法です。 ほとんどの場合、「サポートされていません」とはナンセンスです。このメニュー項目を使用すると、ユーザーエージェントを別のブラウザから模倣するように変更できます。 ユーザーエージェントを変更するだけで、突然動作しないWebページが何度何回表示されるのか驚くかもしれません。
- 空のキャッシュ：Safariは最近アクセスしたサイトのキャッシュを保持します。 このキャッシュに保存されているデータには、ページのすべての要素が含まれています。この要素を使用して、ページに戻るとすぐにWebサイトをレンダリングできます。 キャッシュが古くなったり破損したりして、Webページが正しく表示されないことがあります。 キャッシュを空にするとこれらの問題を解決でき、 Safariのスピードアップにも役立ちます 。
残りのメニュー項目の大部分はおそらくWeb開発者にとってもっと便利なはずですが、Webサイトの構築方法に興味がある場合は、次の項目が重要です。
- Web Inspectorを表示：現在のページの下部にあるWebインスペクタを開きます。 Webインスペクタを使用すると、ページの作成に使用された要素を調べることができます。
- ページソースを表示：これにより、現在のページのHTMLコードを見ることができます。
- ページリソースの表示：Webインスペクタのリソースインスペクタサイドバーが開きます。これにより、現在のページで使用されているイメージ、スクリプト、スタイルシートなどの要素を簡単に確認できます。
- タイムライン記録を開始する：ウェブページの読み込みおよび実行方法を確認するには、[タイムライン記録開始]オプションを試してください。 これにより、ネットワークアクティビティを示すグラフと、各サイト要素がどのように読み込まれて使用されるかを示すグラフが作成されます。 それは興味深い表示を行いますが、タイムライン録画の停止を選択することで機能をオフにすることを忘れないでください。 それ以外の場合は、Macのリソースを非生産的なタスクで使用することになります。つまり、Web開発者でない限りです。
- レスポンシブデザインモードにする： 組み込みシミュレータのウェブ開発者向けのもう1つのツールで、Webページがさまざまな画面解像度やiPadやiPhoneなどのさまざまなデバイスでどのように表示されるかをプレビューできます。 関心のあるページを読み込んで、[反応デザインモードにする]を選択してページをプレビューします。 さまざまなデバイスを使用してページレンダリングを試すか、使用するスクリー解像度を選択できます。 「開発」メニューに戻り、「レスポンシブ・デザイン・モードを終了」を選択します。
- Experimintal Features：このメニューアイテムはSafariのすべてのバージョンで利用できず、その内容はSafariの各アップデートで変更される可能性があります。 しかし、あなたの気持ちが勇気づけば、Safariブラウザの将来のバージョンに向かういくつかの機能を試すことができます。
[開発]メニューが表示されたら、さまざまなメニュー項目を試してみてください。 あなたはたぶんあなたが頻繁に使用するいくつかのお気に入りで終わるでしょう。