Как найти файл по коду страницы

Как по коду страницы на сайте узнать имя файла с этим кодом?

Вопрос может показаться запутанным, объясню подробнее.
К примеру, установил на локалку вордпрес, добавил тему, смотрю на сайт и хочу что-то где-то изменить.
Вопрос такой: не зная структуры шаблонов wordpress или любой другой CMS нужно узнать в каком файле смотреть код этой страницы. Интересуют названия плагинов для браузеров или сторонних программ. Дримвивер знаю ищет стили при выделении блока HTML в редакторе, но нужно что-бы выделял код в файлах .php или .tpl , где идет вывод заданных элементов страницы


  • Вопрос задан

    более трёх лет назад

  • 19533 просмотра

Так же заплатано отвечу.
Есть CSS. И если хорошо его знаете. То можно без изменения структуры html файла перебить стиль и подогнать под себя.
CTRL+SHIFT+I а потом CTRL+SHIFT+С, выбираем блок и редактируем. Где находится CSS? Тоже там найдете заходите на фтп и правите css. Т.е. копировать и вставить.

А если редактировать саму структуру хтмл (.php или .tpl ) то тут только изучение самой CMS поможет.
И настоящему веб-разработчику нужен только блокнот.
Никаких плагинов и дополнительного софта, только ХАРДКОР!!! (если это не notepad++ с emmet конечно 🙂 )

Пригласить эксперта

в хроме открываете dev tools (f12), открываете вкладку Elements, выделяете нужный элемент и справа появится список применяемых стилей с названием файла и номером строки в файле

dev tools (f12) —> ctrl+shift+F —> в поле поиска пишем искомый текст 63736d1a77906841145613.png ну там дальше всё и так понятно


  • Показать ещё
    Загружается…

20 мая 2023, в 01:15

100000 руб./за проект

20 мая 2023, в 00:11

10000 руб./за проект

19 мая 2023, в 23:57

40000 руб./за проект

Минуточку внимания

Добрый день! Есть сайт на CMS Bitrix, написанный на PHP. На главной странице есть всплывающее окно для заполнения параметров обратного звонка. Один из заполняемых параметров окна имеет выпадающее меню вариантов. Я администратор и у меня есть доступ к структуре сайта по FTP (Mozilla). В консоли панели разработчика Chrome я нашел ту часть кода, где нужно поменять выпадающие позиции (они перечислены в теле кода). Но я не могу найти исходный файл с этим кодом в структуре файлов. Обратиться к разработчику нет возможности.
Поиск через меню консоли не дал результатов.
Подскажите, где в структуре сайта стоит поискать: тип файла, возможные названия.
С PHP, HTML, JS знаком. Привожу фрагмент кода из консоли.**введите сюда описание изображения**

задан 28 авг 2017 в 11:53

user265072's user avatar

6

если есть полный доступ, можно скачать сайт к себе и в notepad++ сделать поиск по папкам/файлам на предмет: “</select>

думаю, что код захвата данных с базы находится между атрибутами <select></select>

Всплывающие окно может быть из js скрипта, можно поискать по вариациям display = "none" или display для поиска кода внутри js.

В любом случае нужно искать в исходном коде, а не в сгенерированном в браузере.

ответ дан 2 сен 2017 в 5:42

Leo Tahk's user avatar

2

Найти место расположения файла, в коде сайта



Знаток

(466),
закрыт



4 года назад

Илья Чермошенцев

Программист, стаж 8 лет



4 года назад

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

RacerЗнаток (466)

4 года назад

Да да это тоже я в курсе, а вот из этой консоли можно перейти непосредственно к файлу который относится к этому коду?

Voldemar Krok

Высший разум

(579986)


4 года назад

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

RacerЗнаток (466)

4 года назад

Это я прекрасно знаю, зачем мне хост, если это набор файлов у меня на ПК. Меня интересует возможность доступа/ нахождения этих файлов

Как найти файл, в котором расположен определенный код на WordPress?

Источник: https://code-culture.ru/

У новичков, начинающих работать с WordPress, часто возникает вопрос “Как найти файл, в котором расположен нужный мне код?”. Этот вопрос особенно актуален и для тех, кто начал работать с чужим сайтом (фрилансеры) и по началу сложно разобраться в чужом коде, что и где.

Для решения данной проблемы, не только на WordPress, имеется универсальный, всегда работающий способ:

Первый способ:

  • Скачать все файлы сайта к себе на компьютер;
  • Установить программу NotePad++;
  • Во вкладке “Файл” —> “Открыть Папку как Проект”;
  • Во вкладке “Поиск” —> “Найти в файлах”;
  • Вводите, что вам нужно и находите;

Второй способ:

  • Переходим в админку вашего сайта WordPress;
  • Плагины —> Добавить новый —> Поиск “String Locator
  • Устанавливаем плагин;
  • Во вкладке “Инструменты” —> String Locator;
  • В поле “Search through” выбираем место, где будет происходить поиск. Если вы не знаете в теме находится нужный вам файл или нет, то выбираем поиск по всему сайту: “The whole WordPress directory”
  • В поле “Search string” пишем, что необходимо найти. 

Например: Нужно найти, где выводится копирайт в футере div id=”copyright”. Чтоб быстрее нашло, да и вообще нашло, пишем только copyright.

Результат поиска:

  • String: Строка, которую нашло;
  • File: Путь и название файла;
  • Location: Расположение файла;

Пожалуй, на этом всё. Если у кого есть вопросы, пишите в комментариях, отвечу всем.

Ответы с готовыми решениями:

Как узнать расположение файла?
Просматриваю код старницы через firebug в Хроме.

element.style {
font-size:14px;

Как узнать расположение файла в каком защитник нашел вирус?
защитник где-то находит два вируса, но другой антивирус ничего не находит.
а эта зараза только …

Как отобразить в WebBrowser html страницу по html коду, который расположен в БД?
Как отобразить в &quot;WebBrowser&quot;(ActiveX) и (или) &quot;ВебБраузер&quot; html страницу на основании html кода,…

Как узнать расположение базы данных
Здравствуйте! Нашел вот такой скрипт:

&lt;?php
$address = &quot;localhost&quot;; //Адрес базы данных

Добавить комментарий