Chrome Dev Tools - Несоответствие отображения рабочей области
У меня есть удаленная веб-страница, которая загружает удаленный файл JavaScript с именемscript.js
, У меня нет немедленного доступа к удаленной файловой системе, чтобы внести изменения для проверки чего-либо.
Поэтому я копируюscript.js
на свой локальный диск, и в Chrome Dev Tools я добавляю свою локальную папку в рабочую область. Затем я щелкаю правой кнопкой мыши на моем пультеscript.js
файл и забратьMap to File System Resource...
, Я выбираю свой местныйscript.js
.
Так что теперь я ожидаю, что мои региональные измененияscript.js
переопределить пультscript.js
, право? Таким образом, я могу внести некоторые изменения в моем местномscript.js
и когда я перезагружаю страницу, я вижу, как изменения отражаются на моей странице.
Однако на вкладке Источники, при выборе моего локальногоscript.js
Я вижу предупреждение наверху:
Workspace mapping mismatch
The content of this file on the file system:
file:///Users/me/test/script.js
does not match the loaded script:
http://someserver.com/js/script.js
Possible solutions are:
- Reload inspected page
- Check that your file and script are both loaded from the correct source and their contents match
Так это говорит мне, что мой местныйscript.js
должен быть точно таким же, как пультscript.js
? Если так, то в чем смысл локального ресурса?
Разве это не так, чтобы вы могли вносить в него изменения и видеть эти изменения в браузере? Если он должен соответствовать удаленному файлу, то у вас уже должен быть доступ, чтобы иметь возможность редактировать удаленный файл, и в этом случае вы вносите свои изменения там, а не в локальный файл. Если это так, то в чем смысл сопоставления локального ресурса?
Я что-то здесь упускаю? Разве невозможно внести временные локальные изменения в файл в Chrome Dev Tools и отразятся ли эти изменения при перезагрузке страницы? Я думал, что это было целью ресурсов локальной файловой системы.