Редагування Javascript за допомогою інструментів розробника Chrome

94

Я намагаюся редагувати javascript на веб-сайті за допомогою Інструментів розробника Chrome. Я прочитав близько 30 акаунтів про те, як це зробити, а також переглянув кілька відео. Справа в тому, що коли я переходжу на вкладку джерел і відкриваю файл, який хочу відредагувати, я нічого з цим не можу зробити. Чи є якийсь крок, якого я пропускаю?

Я можу створювати точки розриву, переходити тощо ... Я просто не можу редагувати. Цю функціональність було видалено нещодавно?

javascript google-chrome web-developer-toolbar

— кооперія
джерело

1

Я можу телефонувати в консолі просто чудово. Я просто не можу редагувати речі.

— Cooperia

1

Ви можете замінити локальні функції та змінні, але немає можливості зберегти зміни у файлі за допомогою інструментів розробника. Для цього вам все ще потрібен зовнішній редактор.

— Geuis

1

Насправді я можу редагувати css-файли, але не можу редагувати скрипт, вбудований у php-файл. >.>

— Cooperia

1

Ну, я можу робити те, що хочу, з Оперою. Проблема вирішена.

— Cooperia

1

@cooperia поміщає ваш код js у файл * .js, тоді ви зможете редагувати та запускати його в режимі реального часу в chrome.

— Mahn

103

Я знаю, що це питання застаріле, але я просто мав подібну проблему і знайшов рішення.

Якщо у вас є файл попередньо підтверджений, Chrome не дозволить редагувати. Я вимкнув його та зміг редагувати. Бажаючи зробити ставку, це є / було вашою проблемою.

— раддевон
джерело

4

так, це допомогло, дякую @raddevon, я можу редагувати їх зараз, але ніякого ефекту на цій сторінці не відбувається

— Болас

2

Для інших, хто шукає цю тему: мені було призначено OFF, але все одно не вдалося редагувати. Знову увімкнення та вимкнення допомогло. (Дякую IT Crowd за цю пораду;))

— Drkawashima

3

Продовження: Ні. Виявляється, у мене така ж проблема, як @raddevon. Можливо, помилка в хромі. Ви можете редагувати та зберігати сценарій, а також можете набирати точки розриву в ньому під час налагодження. Але сценарій, який насправді працює, все ще є оригінальною нередагованою версією. Приклад: я відредагував сценарій, прокоментував кожен рядок, але все ще міг запустити сценарій, натиснути точки зупинку на рядках і т. Д. Тож відредагована версія навіть не працює, вона просто відображається ... Звичайно, я перезапустила сценарій різними способами без будь-якого ефекту

— Drkawashima

4

Як допоміжна примітка, якщо ви робите втілення, скопіюйте та вставте назад у вихідний файл, це буде попередньо підтверджений оригінальний файл, який можна редагувати.

— Eoin

2

@Eoin Чудово! Це повністю зробило фокус. І завдяки функціональності "Локальні заміни" це працює чудово. Дякуємо за підказку :-)

— Ксан-Кун Кларк-Девіс

52

Ви можете редагувати javascript в інструментах розробника на вкладці "Джерела", АЛЕ це дозволить редагувати javascript лише у власному файлі. Сценарій, вбудований у файл HTML (або PHP), залишатиметься лише для читання.

— Велах
джерело

4

Я використовую chrome в linux і досі не можу редагувати javascript, навіть якщо це єдиний файл .js.

— roopunk

2

Помірно цікава примітка: увімкнення / вимкнення Pretty Print (піктограма "{}") дозволить редагувати вбудовані js, але зміни не вплинуть, тому це все ще не те, що ми шукаємо. (Chrome 29)

— Патрік

Це те, що мені потрібно було знати. Дякую.

— Дживс

29

Він має деякі обмеження:

має бути файлом JS. неможливо вставити теги на сторінку html.
його неможливо придумати.

— gcb
джерело

Якщо після дотримання вищевказаних вказівок та змін на вкладці Джерела просто не набувають чинності, спробуйте клацнути правою кнопкою миші на відредагований файл у дереві зліва та виберіть "Зберегти". Може з’явитися діалогове вікно із запитом зберегти локальний файл, але ви можете просто скасувати. Тільки в цей момент історія редагування Chrome нарешті показує, що редагування застрягло.

— Erhhung

я збожеволів, бо в цей новий файл вбудований js, але я не зміг редагувати .. я не розумів, чому .. дякую вам # gcb та # welah

— carinlynchin

Чи можна відключити файл JS зі списку на Sourcesвкладці інструментів розробника?

— techie_28

@ techie_28 не впевнений, відкрийте інше питання. Але я б написав коротке розширення для цього.

— gcb

13

Я не знаю, чи потрібно це вам для постійного збереження, але якщо вам потрібно просто тимчасово змінити js:

Я можу скопіювати той javascript, який я хочу змінити, у текстовий редактор, відредагувати його, потім вставити в консоль, і він перевизначить будь-які функції або все, що мені потрібно перевизначити.

наприклад, якщо на сторінці є:

<script>
var foo = function() { console.log("Hi"); }
</script>

Я можу взяти вміст між сценарієм, відредагувати його, а потім ввести в налагоджувач, як:

foo = function() { console.log("DO SOMETHING DIFFERENT"); }

і це буде працювати для мене.

Або якщо у вас є лайк,

function foo() {
    doAThing();
}

Ви можете просто увійти

function foo() {
    doSomethingElse();
}

і foo буде перевизначено.

Можливо, це не найкращий спосіб вирішення проблеми, але він працює. Триватиме доти, доки ви не перезавантажите сторінку.

— байроналтіс
джерело

5

Я шукав "chrome dev tool edit javascript". Ця сторінка є першим результатом пошуку. Але це занадто застаріле, мені це не допомагає.

Я використовую Chrome 73, у цій версії Chrome є опція "Увімкнути локальні заміни". Використовуючи функцію, я міг редагувати javascript, запускати та налагоджувати.

— вафельний
джерело