Можно ли проверить в браузере и перейти к этому элементу в WebStorm (или PhpStorm)

В chrome-devtools для проверки элемента вам нужно просто щелкнуть элемент, и тогда хром автоматически найдет этот элемент в html-коде.

С другой стороны, при редактировании в IDE (PhpStorm) нужно самому найти элемент, а это совершенно мучительная и трудоемкая работа! Скопируйте текст в браузере, перейдите к поиску в IDE по этому тексту, это то, что мне всегда приходится делать...

Я знаю, что в PhpStorm есть плагин под названием «Live Edit». Но это «PhpStorm To Chrome», я хочу «Chrome To PhpStorm»!

И я нашел это видео, эта функция именно то, что я хочу!

https://www.youtube.com/watch?v=UzyoT4DziQ4#t=23m49s (в 23:49)

Кто-нибудь знает, есть ли способ «проверить в браузере и перейти к этому элементу в PhpStorm»?


phpstorm inspect
person yaquawa    schedule 27.04.2014    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Нет, в WebStorm такой функции нет; пожалуйста, проголосуйте за WEB-9557. Обратите внимание, что страница, загруженная в Chrome, в настоящее время имеет статус "Проверить в Действие контекстного меню WebStorm». Но это действие просто запускает сеанс отладки для страницы, загруженной в данный момент в браузере. Теоретически он также должен отображать страницу на вкладке Элементы отладчика, но этого не происходит (http://youtrack.jetbrains.com/issue/WEB-10822)

person lena    schedule 28.04.2014

arrow_upward
0
arrow_downward

Как вариант попробовать:

  1. Установите расширение Chrome https://chrome.google.com/webstore/detail/open-in-intellij/gpmmlokoechmmeboecialijibkjajlaj (https://github.com/bernhardc/open-in-intellij);
  2. Поскольку я использую React — выберите элемент в инструментах разработки React и нажмите View source for this element; введите здесь описание изображения
  3. Затем щелкните правой кнопкой мыши файл на вкладке и выберите Open using Open in IntelliJ введите здесь описание изображения
  4. И вы находитесь в WebStorm (или в том, что вы используете). Но хорошо иметь более быструю навигацию с меньшим количеством шагов...
person Дмитрий Дорогонов    schedule 23.04.2021