Bring back the old Web Inspector to Safari 6

  • Tutorial

I am sure that I am not alone in my torment with the new devtools in the new Safari. And when they once again defeated me, I, as a reasonable person, turned to Google for help.



Google offered me several options for getting rid of suffering:

  1. use the menu Develop> Use WebKit Web Inspector
  2. storm Apple support
  3. use webkit instead of safari

The first option did not suit me due to the lack of such a menu item in existing Safari builds.
The second did not fit because of the low probability of a positive outcome.
The third one didn’t arrange that WebKit clashed with some extension installed in Safari and when trying to open any page a little harder, ya.ru hung tight. Dealing with this was a hack, and I didn’t really want to create a zoo from browsers (I have seven of them installed).
If you are not confused by WebKit, then you can safely use it and do not read further.


Since WebKit is not very different from Safari, and it contains both old and new devtools, I got to pick its insides. As a result , the inspector directory was discovered in its bowels , which led to quite understandable thoughts, which, as a result of sekas with various builds, led to the solution of the task.



Result




Recipe


For lazy people below is an installer that will do everything himself.
For the curious in order:



  1. Download WebKit and mount the image
  2. Copy the files from the directory /Volumes/WebKit/WebKit.app/Contents/Frameworks/10.7/
    WebCore.framework / Versions / A / Resources / inspector
    to /System/Library/PrivateFrameworks/WebInspector.framework/Versions/Current/Resources
  3. Rename inspector.html to Main.html
  4. Enjoy

The same machine-friendly language:
# make original inspector backup
sudo cp -RH /System/Library/PrivateFrameworks/WebInspector.framework /System/Library/PrivateFrameworks/WebInspector.framework.backup
# copy WebKit inspector
sudo cp -RH /Volumes/WebKit/WebKit.app/Contents/Frameworks/10.7/WebCore.framework/Versions/A/Resources/inspector/* /System/Library/PrivateFrameworks/WebInspector.framework/Versions/Current/Resources
sudo mv /System/Library/PrivateFrameworks/WebInspector.framework/Versions/Current/Resources/inspector.html /System/Library/PrivateFrameworks/WebInspector.framework/Versions/Current/Resources/Main.html

As you can see in the video, I inspected the inspector a bit. The method was borrowed here and slightly adapted to Safari.
If you do not like this design, just do it in the console:

sudo sed -i'.bak''2781,$d' /System/Library/PrivateFrameworks/WebInspector.framework/Versions/A/Resources/inspector.css
and restart Safari.

Tested on Safari 6.0.1 and 6.0.2 on the English and Russian systems (10.8.2). No significant stocks were identified.

Enjoy all the dev-a.

Installer

Also popular now: