Уверен, что я не одинок в своих мучениях с новыми devtools в новом Safari. И когда они в очередной раз меня одолели, я, как человек разумный, обратился за помощью к гуглу.
Гугл предложил мне несколько вариантов избавления от страданий:
- воспользоваться меню Develop > Use WebKit Web Inspector
- штормить поддержку Apple
- использовать WebKit вместо Safari
Первый вариант мне не подошел по причине отсутствия такового пункта меню в имеющихся билдах Safari.
Второй не подошел из-за мaлой вероятности положительного исхода.
Третий не устроил тем, что WebKit конфликтовал с каким-то установленным в Safari расширением и при попытке открыть любую страницу немногим сложнее ya.ru вешался намертво. Разбираться с этим было влом, да и плодить зоопарк из браузеров не очень хотелось (у меня их итак штук семь установлено).
Если вас не смущает WebKit, то можете смело его использовать и дальше не читать.
Так как WebKit не особо отличается от Safari, и в нём присутствуют и старые и новые devtools, я полез ковырять его внутренности. В итоге в его недрах была обнаружена директория inspector, натолкнувшая на вполне понятные мысли, которые в результате секаса с различными билдами и привели к решению поставленной задачи.
Результат
Рецепт
Для лентяев ниже размещен инсталлятор, который всё сделает сам.
Для любознательных по порядку:
- Загружаем WebKit и монтируем образ
- Копируем файлы из директории /Volumes/WebKit/WebKit.app/Contents/Frameworks/10.7/
WebCore.framework/Versions/A/Resources/inspector в /System/Library/PrivateFrameworks/WebInspector.framework/Versions/Current/Resources - Переименовываем inspector.html в Main.html
- Наслаждаемся
Тоже самое машинопонятным языком:
# 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
Как вы могли заметить на видео, я немного раскрасил инспектор. Способ был позаимствован тут и немного адаптирован к 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.
Автор: DevMan