Safari 6 Web Inspectorを元に戻す方法は?


13

新しいSafari 6 Web Inspector UIは、小さなアイコンでラベルのないタブ/ペインが大量にあるため、使いやすさの悪夢です。

また、XHR要求とその応答のリストを表示するなどの一般的なタスクを複雑にしているようです。

Safari 6のWebインスペクターのルックアンドフィールを以前のバージョンの状態(より)に戻す方法はありますか?


2
余談ですが、Safari Developer Tools Guideのドキュメントが付属しています
アルジャン

私はマウスを移動するときにも、私がやるツールヒントを得ます。
ダニエル

@DanielLawson、今私もやりますが、時々表示されません。今編集しました。
ジェリー

Safari 6への移行を延期するオプションはありますか?
bmike

回答:


6

新しいWeb Inspectorは、Xcodeに少し近づきました。

他の手段に戻すことなく、古いものを元に戻す直接的な方法はありません。例えば:

  • LionをVMで実行する(古いSafariを実行する)。
  • WebKitのナイトリービルドを実行します-ただし、これには新しいインスペクターのみが含まれる場合があります
  • Chromeを使用します(WebKitのままですが、古いインスペクターのように私に近いものを使用します)。

そのため、現時点では、「古い」バージョンのインスペクターに戻すことはできないようです。最善の策はhttp://bugreporter.apple.comでバグを提出することです。古いものが持っていた機能が欠落している場合、おそらく将来のリビジョンはこの一部を取り戻すでしょう。


1
おかげで、Chromeから来てSafari6をMountain Lionで試してみましたが、少なくともデバッグのためにChromeに戻るようです。
ジェリー

1
私は個人的にWeb Inspectorの新しい変更が好きです。新しいものすべてについてオンラインでもっと良いドキュメントがあればいいのにと思います。
jmlumpkin

フィードバックを送信するための+1。また、試してください:apple.com/feedback/macosx.html
Mark E. Haase

3

サファリの最新のナイトリービルドをインストールするだけ です:http : //nightly.webkit.org/次に、「Webkit Web Inspectorを使用する」オプションがあります。うん!


メニュー項目はUseWebKitWebInspectorキーを変更しましたがdefaults write com.apple.Safari UseWebKitWebInspector -bool true、10.8のSafari 6.0では効果がないようです。

2

古いWebインスペクターを戻す方法があります。

  1. Safari(またはWebインスペクターを使用する他のアプリ)を終了します

  2. Finderに移動し、「CMD-Shift-G」を押します。または、メニューバーから「移動」をクリックしてから、「フォルダへ移動」をクリックします。

  3. これを入力してEnterを押します。 /System/Library/PrivateFrameworks/WebInspector.framework/Versions/Current/Resources

    先に進む前に、このフォルダの内容をバックアップすることをお勧めします

  4. フォルダー「インスペクター」の内容を、以下のリンクからダウンロードできるzipファイルから移動します。求められたらパスワードを入力し、既存のファイルを置き換えます。

    フォルダー自体ではなく、インスペクターフォルダーの内容をコピーします。

  5. Safariを再度起動し、調べてください!:c)

ここからファイル(Zipファイル)をダウンロードします

必要なものはすべて内部にあります。お役に立てれば!


これは私にとって完璧に機能しました、ありがとう!ここで説明するように、[ソース]タブを修正するには、数行も削除する必要がありまし
ダン

それは今日ちょうど壊れたので、私は結局それをアドバイスしません。
ダン

1

実際には、「古い」インスペクターに切り替えることができます。

[開発]メニュー> [WebKit Webインスペクターを使用]に移動するだけです。

しかし、従来のInspectorには大きなUIバグがあります。異なるパネルを切り替えるたびに、UIが再描画され、アイコンと検索フィールドの複数のレイヤーが作成されます。

新しいインスペクターを追加したときに明らかに問題が発生しました。


このメニューエントリがありませんか?
ジェリー

ああ、環境設定内の「メニューバーに開発メニューを表示」をチェックする必要があります。「詳細」セクションにあります。
ttaiyo

2
[開発]メニューは既に有効になっており、[WebKit Webインスペクターを使用]という項目がありません。同じバージョン/ビルドを使用していますか?
ジェリー

3
Mountain Lionには8536.25があり、Xcodeもインストールされています。メニュー項目はMLには絶対にありません。
ジェリー

1
うーん、たぶん、Lionに固有のものでしょう。これは「Use WebKit Web Inspector」メニュー項目です。d.pr
i

1

ナイトリービルドを実行したくない場合に、Safari 6をWebKit Web Inspectorに戻す方法のガイドを次に示します。私が使用することをお勧めしr121872をコメントでjarek-foksaにより示唆されるように、。そうすれば、CSSとJSを修正する必要がなくなり、作業スタイルを取得できます。

これはiOS 6の開発メニューでも機能します(iOSデバイスのデバッグに新しいSafari 6 Webインスペクターを使用するナイトリービルドではなく、この方法を使用する主な理由)。


3
回答の本文でリンクしたページの要約または引用を検討してください。これは、リンクが死んだ場合(最終的には発生する可能性が高い)、投稿が引き続き有用であるために推奨されます。
ブラックライトシャイニング
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.