Отключить редактирование скриптов в инструментах разработчика Chrome

Используйте следующий процесс, чтобы сделать источник скрипта доступным только для чтения в Chrome 32+:

• Перейдите по URL-адресу chrome://flags/#enable-devtools-experiments.

• Выберите Разрешить темы пользовательского интерфейса.

• Откройте инструменты разработчика Chrome

• Выберите «Настройки» (нажмите F1 или нажмите на три точки справа)

• Выберите Разрешить темы пользовательского интерфейса.

• Создайте тему DevTools в следующем стиле:

  .content-view.script > .text-editor { -webkit-user-modify: read-only !important; }
  

• Опубликуйте его в Интернет-магазине Chrome.

• Установите тему

• Перезапустите Chrome

Ссылки

• Custom.css перестал работать в обновлении Google Chrome 32.0.1700.76 м
• Пример расширения темы DevTools
• Темная тема Chrome Developer Edition для Chrome Dev Tools
• Просмотр содержимого скрипта WebCore Inspector
• Каталог пользовательских данных Chromium

Используйте старый процесс для Chrome 31-:

Используйте таблицу стилей пользователя, чтобы полностью отключить вкладку сценария:

.toolbar-item.scripts { display:none !important; } /* Hide Scripts Tab */

Или просто сделайте источник скрипта доступным только для чтения:

.text-editor-editable { -webkit-user-modify: read-only !important; } /* Old selector */
.content-view.script > .text-editor { -webkit-user-modify: read-only !important; } /* Older selector */
.editing { -webkit-user-modify: read-only !important; } /* Generic Selector */

Вот несколько возможных местоположений файла:

• Windows 7 Chromium:
  • %LOCALAPPDATA%\Chromium\User Data\Profile 1\User StyleSheets\Custom.css
• Windows 7 Chrome:
  • %LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
• OSX Chrome:
  • /Users/YourUsername/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
• Ubuntu Chrome:
  • ~/.config/chromium/Default/User\ StyleSheets/Custom.css

Используйте следующий URL-адрес Chrome Devtools для ссылки на соответствующие стили:

хром-devtools://devtools/devTools.css

Насколько мне известно, в инструментах разработчика Chrome/WebKit нет возможности отключить редактирование скриптов.

Ниже приведены два три возможных решения:

Решение 1:

Сделайте расширение, которое показывает предупреждение каждый раз, когда вы вносите изменения:

JavaScript:

chrome.devtools.inspectedWindow.onResourceContentCommitted.addListener(function(resource, content) {
    alert("WARNING: Your changes will not be saved!!");
    // Optional, but and extra layer of "protection", if you don't want/need it just remove the "experimental" permission from the manifest
    if (chrome.experimental) {
        chrome.experimental.devtools.console.addMessage("error", "WARNING: Your changes will not be saved!!");
        // Shows in red
    }
});

Расширение (распаковано, сначала включите API экспериментального расширения в chrome://flags): http://www.mediafire.com/?wb1r67ron0x6szh

Решение 2:

Измените исходный код и запустите пользовательскую сборку:

Другой вариант — изменить источник инструментов разработчика, см. https://developers.google.com/chrome-developer-tools/docs/contributing для получения дополнительной информации. Если вы это сделали, все, что вам нужно сделать, это удалить класс text-editor-editable из контейнера редактора (строка 1279, DefaultTextEditor.js).

Решение 3:

Сделайте так, чтобы хром автоматически сохранял ваши файлы:

Третий вариант — разрешить Chrome сохранять ваши файлы. Для этого существует ряд расширений, а именно Tincr. Tincr также позволяет перезагружать файлы в режиме реального времени и предлагает полную подсветку синтаксиса.

Мое личное мнение, что это лучшее решение.