Як вимкнути вихідні карти в Chrome DevTools?

2024 admin 0 Comments

Найпростіший і найшвидший спосіб перемикати вихідні карти CSS або JS у налагоджувачі Chrome – це використовувати палітру команд Chrome:

  1. У macOS введіть cmd+shift+p (у Windows введіть ctrl+shift+p)
  2. Шукати "вихідна карта"
  3. Виберіть увімкнути/вимкнути вихідні карти CSS або JS, залежно від того, що ви хочете перемкнути:

Оновіть налаштування браузера DevTools, щоб вимкнути вихідні карти JS і CSS. Щоб зробити це, перейдіть до інструментів розробника, а потім до налаштувань. У розділі «Параметри» > «Джерела» зніміть прапорці «Увімкнути вихідні карти JavaScript» і «Увімкнути вихідні карти CSS».

Рішення

  1. Перейдіть до інструментів розробника (F12 у браузері);
  2. Виберіть Cogwheel у верхньому правому куті;
  3. На вкладці «Параметри» (зліва) знайдіть «Джерела»;
  4. Вимкніть параметри: «Увімкнути вихідні карти javascript» «Увімкнути вихідні карти CSS»

Щоб вимкнути перевірку CORS у Google Chrome, вам потрібно закрийте браузер і запустіть його з прапорцями –disable-web-security і –user-data-dir. Роблячи це, Google Chrome не надсилатиме запити CORS перед друком і не перевірятиме заголовки CORS.

Вихідні карти ввімкнено за замовчуванням. Щоб переконатися, що вихідні карти ввімкнено: Щоб відкрийте DevTools, у Microsoft Edge клацніть веб-сторінку правою кнопкою миші та виберіть Перевірити. Або натисніть Ctrl+Shift+I (Windows, Linux) або Command+Option+I (macOS).