是否有可能在浏览器中检查并跳转到WebStorm（或PhpStorm）中的那个元素＆＃34;

时间：2014-04-27 04:08:52

标签： phpstorm inspect

在chrome-devtools中检查一个元素，你需要做的只是点击元素然后chrome会自动在html代码中找到你那个元素。

另一方面，在IDE（PhpStorm）中进行编辑，你必须自己找到这个元素，这是一件非常痛苦，耗时的工作！在浏览器中复制文本，跳转到IDE搜索该文本，这就是我一直要做的事情......

我知道在PhpStorm中有一个名为＆＃34; Live Edit＆＃34;的插件。但它是＆＃34; PhpStorm To Chrome＆＃34;，我想要的是＆＃34; Chrome To PhpStorm＆＃34;！

我发现了这个视频，这个功能正是我想要的！

https://www.youtube.com/watch?v=UzyoT4DziQ4#t=23m49s （23:49）

有没有人知道是否有办法在浏览器中检查并跳转到在PhpStorm中＆＃34;？

2 个答案:

答案 0 :(得分：2)

不，WebStorm中没有这样的功能;请投票给WEB-9557 请注意，Chrome中加载的页面目前有一个＆＃34; Inspect in WebStorm＆＃34;上下文菜单操作。但是此操作只会启动当前在浏览器中加载的页面的调试会话。从理论上讲，它还应该在调试器元素选项卡中显示页面 - 但它不会（http://youtrack.jetbrains.com/issue/WEB-10822）

答案 1 :(得分：0)

作为尝试的选项：

  1. 安装 Chrome 扩展程序 https://chrome.google.com/webstore/detail/open-in-intellij/gpmmlokoechmmeboecialijibkjajlaj (https://github.com/bernhardc/open-in-intellij);
  2. 当我使用 React 时 - 在 React 开发工具中选择一个元素并点击 [3, 3, 1, 1]； enter image description here
  3. 然后右键单击选项卡中的文件并单击 View source for this element enter image description here
  4. 而您在 WebStorm（或您正在使用的）中。但是很高兴能以更少的步骤进行更快速的导航...
相关问题
最新问题