Я пытался настроить Chrome Web Inspector (здесь и здесь, в частности), чтобы переместить CSS-часть панель «Элементы» слева, а HTML справа, но я не получил удовольствия.
Кому-нибудь удалось заставить что-то подобное работать или видел какие-либо примеры этого?
Вот быстрый взломанный скриншот того, что я пытаюсь получить.
Редактировать: я использую версию 18.0.1025.33 beta-m Chrome, на всякий случай, если есть какая-то глупость, связанная с версией :)
Не знал, что вы можете стилизовать веб-инспектор в Chrome: P, вот некоторый CSS, который вы можете добавить в свою таблицу стилей Custom.css, найденную в вашем каталоге Chrome, которая отобразит желаемый результат:
Custom.css
#elements-content {
left: 325px !important;
right: 0 !important;
}
#elements-sidebar {
left: 0 !important;
right:auto !important;
left:0 !important;
border-right: 1px solid #404040 !important;
}
#elements-content[style] { /* to target the inline style */
right:0 !important;
left:325px !important;
}
По одной из предоставленных вами ссылок, вот где находится таблица стилей Custom.css:
Mac: ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css
ПК: C:\Users\YourUsername\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
Ubuntu (Chromium): ~/.config/chromium/Default/User\StyleSheets/Custom.css
Изменить: скриншот
Вот исправленная версия, которая должна работать в вашей версии Chrome, пробовал на версии 17.xxxx.
CSS
#elements-content,
.scripts-views-container {
left: 325px !important;
right: 0 !important;
}
.split-view-sidebar-right {
float:right !important;
right:auto !important;
left:0 !important;
width:325px !important;
}
.split-view-sidebar-left {
float:left !important;
left:auto !important;
right:0 !important;
}
.split-view-sidebar-left {
border-right: 1px solid rgb(64%, 64%, 64%) !important;
}
.split-view-sidebar-left.maximized {
border-left: none !important;
}
.split-view-sidebar-right {
border-right: 1px solid rgb(64%, 64%, 64%) !important;
}
.split-view-sidebar-right.maximized {
border-left: none !important;
}
