Как отслеживать и находить исходный код изменений, внесенных в Dev Tools?

#css #.net #devtools

#css #.net #devtools

Вопрос:

DevToolsImage

Итак, я совсем новый разработчик (менее месяца) без формального образования, и я работаю над исправлениями ошибок с помощью веб-приложения (.NET Framework). Меня попросили удалить кнопку с одного из графиков, поскольку она была избыточной. Итак, я открываю инструменты разработки и проверяю элемент. Перейдите к html (рисунок ниже) и «добавьте» атрибут (style = «Display: none») в HTML, и он выполнит работу именно так, как я хочу! ура!

Теперь мне нужно изменить исходный код… но, хоть убей, я не могу найти ничего, связанного с этим. Я ищу класс, идентификатор и различные другие атрибуты в VStudio, но ничего. Я предполагаю, что это связано с тем, что HTML и / или CSS создаются из файла JS.

Как мне теперь отследить исходный код, ответственный за это? И вообще, как перевести изменения, внесенные в инструменты разработки, в реальный код? Мы используем w2ui, plotly и bootstrap.

Я уже пробовал страницу источников в dev tools, но файл, на который он ссылается, в основном пуст.

Извините, если это плохо сформулировано или перепечатано, я действительно новичок во всем этом, но ЛЮБЛЮ каждую секунду.

DevToolsImage

DevToolsImage

Комментарии:

1. Я добавил несколько картинок, но они, похоже, рассеялись. извините

2. я понимаю, что вы новичок, но это нам не очень поможет. некоторые примеры кода или фрагменты могут помочь. в нынешнем виде этот вопрос бесполезен.

3. @Jay Привет. Я загрузил несколько изображений по этому вопросу. Вместо местоположения указано «сконструированная таблица стилей». Кроме того, файл JS содержит 100 строк в исходном коде, но 800 в dev tools. Я полагаю, это связано с используемыми нами фреймворками? как мне отследить, как расширились 100 строк? Я попытался выполнить поиск по идентификатору кнопки, но ничего не возвращается

4. я сделал отображение ваших изображений с помощью редактирования. надеюсь, это скоро появится. теперь, что касается актуальной проблемы, вопрос теперь выглядит хорошо. подождите, пока другие помогут вам. в основном я помогал вам правильно сформулировать вопрос.

5. @Jay Я вижу. Спасибо! Я ценю помощь. 🙂 отличных выходных