Safariで要素を検査しますか?


28

Safari用のFirebug Liteを試しましたが、コンテンツは編集できませんでした。HTML、CSSなどを編集する代替手段はありますか?

回答:


53

Safariの[ 設定]、[ 詳細設定]タブで[ 開発者メニュー表示]を有効にするだけです。

Enable-Develop-mode-Safari

ページを右クリックすると、[ 要素の検査 ]オプションが有効になります。Command+ Option+で開始することもできIます。

このオプションの詳細については、Safari for Developers-Tools and Safari Web Inspector Guide:The Develop Menuを参照してください


ええ、しかし、Webリンクの計算されたスタイルを表示したい場合、ホバリングはスタイルを更新せず、ページ上のリンクをクリックしてもリンクターゲットに移動します。Safariを使用せずにリンクのターゲットにジャンプせずに、計算されたリンクのスタイルを表示するにはどうすればよいですか?
クリアライト

あなたが使用することができ@clearlight Computed:タブsupport.apple.com/guide/safari-developer/...
denisvm

0

cssを編集するには、右側のcssセクションにある「{」記号をダブルクリックします。また、firebugプラグインを削除してから、要素モードの検査を行うことにより、htmlを編集できます。ここに画像の説明を入力してください


0

簡単な手順でこれを行うことができます

メニューバーで[ 編集 ]- > [設定 ]- > [下 ]の順にクリックします。メニューバーに[ 現像メニュー表示 ]のチェックボックスをオンに します。すべての現像オプションと検査を表示できるメニューバーに現像メニューが表示されます。ここに画像の説明を入力してください


現在のバージョンでは動作しません
JGallardo
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.