Как подставить скрипт на сайте?

Question

[Station 72]

Ситуация такая - есть чужой сайт и минифицированный скрипт на нем. Хочу пошагать по коду, т.к. так не могу понять, что и как работает (непонятные переменные типа "e"). Как указать в хроме, чтобы он для сайта подгружал мою версию файла, которая хотя бы не в одну строку и на ней брекпоинт можно влепить? Или какой-то фокус с source map нужно провернуть? Всем заранее спасибо.

Answer 1

[Station 72]

Все отлично работает при помощи Telerik Fiddler -> вкладка AutoResponder.

Answer 2

[Andrew]

Зайти через DevOps браузера -> найти ваш .js->рефакторнуть(IDE,онлайн)->вставить, в тех же DevOps'ах.
Такой вариант не рассматривали?
Или просто скачать весь сайт и править локально.

Comments

[Station 72]

Сайт очень живой, многое тянет с сервера, вот это поведение и хочется понять.

[Andrew]

Сергей Веремеенко, сомневаюсь, что .js - файл даст вам какое-то понимание, как он работает с сервером)
Обычно, непонятные названия переменных - во всяких библиотеках, если хотите понять их, то в начале(скорее всего) скрипта есть название её, соответственно, загуглив может почитать как она работает или найти её git.

Answer 3

[Кирилл Левунин]

https://learn.javascript.ru/debugging-chrome - отладка JS делать нужно там где вы делаете.
"которая хотя бы не в одну строку " - нужно нажать на вот эти скобочки в левом нижнем углу {}
"непонятные переменные типа e" - изначально они были вес понятные там. Потом сборщик им названия сам придумал короткие.

Можно так же если очень хочется. Запариться и сделать расширения для браузера и творить с сайтом что хочешь в смоем браузере. https://developer.chrome.com/extensions/devguide - например на своем любимом сайте убрать не нужные тебе блоки и сделать в том цвете конторы тебе нравится. Вставить JS свой и убрать чужой. И тому подобное творить.

Можно еще тупо скачать страницу. Отредактировать ее как угодно и открыть в браузере.