在 chrome-devtools 中检查元素，您只需单击该元素，然后 chrome 就会自动在 html-code 中找到该元素。
另一方面，在IDE(PhpStorm)中编辑，你必须自己找到元素，这是非常痛苦、耗时的工作!在浏览器中复制文本，跳转到 IDE 搜索该文本，这就是我一直要做的...
我知道在 PhpStorm 中有一个名为“Live Edit”的插件。但它是“PhpStorm To Chrome”，我想要的是“Chrome To PhpStorm”!
我找到了这个视频，这个功能正是我想要的!
https://www.youtube.com/watch?v=UzyoT4DziQ4#t=23m49s
(23:49)
有人知道是否有办法“在浏览器中检查并跳转到 PhpStorm 中的元素 ”？
最佳答案
不，WebStorm 中没有这样的功能；请投给 WEB-9557
请注意，Chrome 中加载的页面当前具有“Inspect in WebStorm”上下文菜单操作。但是此操作只是为当前加载到浏览器中的页面启动调试 session 。理论上它也应该在调试器元素选项卡中显示页面 - 但它没有( http://youtrack.jetbrains.com/issue/WEB-10822 )
关于phpstorm - 是否可以 "inspect in browser and jump to that element in WebStorm(or PhpStorm)"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23319286/