- PVSM.RU - https://www.pvsm.ru -

Возвращаем старый Web Inspector в Safari 6

Уверен, что я не одинок в своих мучениях с новыми devtools в новом Safari. И когда они в очередной раз меня одолели, я, как человек разумный, обратился за помощью к гуглу.

Гугл предложил мне несколько вариантов избавления от страданий:

  1. воспользоваться меню Develop > Use WebKit Web Inspector
  2. штормить поддержку Apple
  3. использовать WebKit [1] вместо Safari

Первый вариант мне не подошел по причине отсутствия такового пункта меню в имеющихся билдах Safari.
Второй не подошел из-за мaлой вероятности положительного исхода.
Третий не устроил тем, что WebKit конфликтовал с каким-то установленным в Safari расширением и при попытке открыть любую страницу немногим сложнее ya.ru вешался намертво. Разбираться с этим было влом, да и плодить зоопарк из браузеров не очень хотелось (у меня их итак штук семь установлено).
Если вас не смущает WebKit, то можете смело его использовать и дальше не читать.

Так как WebKit не особо отличается от Safari, и в нём присутствуют и старые и новые devtools, я полез ковырять его внутренности. В итоге в его недрах была обнаружена директория inspector, натолкнувшая на вполне понятные мысли, которые в результате секаса с различными билдами и привели к решению поставленной задачи.

Результат

Рецепт

Для лентяев ниже размещен инсталлятор [2], который всё сделает сам.
Для любознательных по порядку:

  1. Загружаем WebKit [3] и монтируем образ
  2. Копируем файлы из директории /Volumes/WebKit/WebKit.app/Contents/Frameworks/10.7/
    WebCore.framework/Versions/A/Resources/inspector
    в /System/Library/PrivateFrameworks/WebInspector.framework/Versions/Current/Resources
  3. Переименовываем inspector.html в Main.html
  4. Наслаждаемся

Тоже самое машинопонятным языком:

# 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

Как вы могли заметить на видео, я немного раскрасил инспектор. Способ был позаимствован тут [4] и немного адаптирован к Safari.
Если вам не нравится такое оформление, достаточно выполнить в консоли:

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

и перезапустить Safari.

Тестировалось на Safari 6.0.1 и 6.0.2 на английской и русской системах (10.8.2). Существенных косяков выявлено не было.

Всем приятного dev-a.

Инсталлятор [5]

Автор: DevMan

Источник [6]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/mac-os-x/23203

Ссылки в тексте:

[1] WebKit: http://www.webkit.org/

[2] инсталлятор: #dmg

[3] WebKit: http://builds.nightly.webkit.org/files/trunk/mac/WebKit-SVN-r124487.dmg

[4] тут: http://darcyclarke.me/design/skin-your-chrome-inspector/

[5] Инсталлятор: https://www.dropbox.com/s/t6qjwpp2g4inper/SOWI.dmg

[6] Источник: http://habrahabr.ru/post/163479/