虽然WebStorm调试器非常强大,但我更喜欢Chrome控制台。我无法使用WebStorm的实时重新加载功能,因为它是调试器的功能,并且在Chrome控制台处于打开状态时无法工作。每次我想刷新时都必须手动给予Chrome专注是令人头疼的事情,所以有谁知道在不离开WebStorm的情况下在Chrome中触发刷新的简单方法?如何从WebStorm内部刷新Chrome?
2
A
回答
3
我碰巧在Mac上,所以能够通过使用WebStorm的External Tools配置和AppleScript来制定解决方案。以下是具体步骤:
在WebStorm定义一个外部工具配置
- 打开WebStorm的偏好(⌘)
- 转到工具 - >外部工具
- 创建一个新的配置:
- 点击'+'按钮(一个di考勤记录会出现)
- 设置名称/描述为首选
- 取消选中打开控制台
- 设置计划到
osascript
- 设置参数到
-e "tell application \"Google Chrome\"" -e "repeat with theWindow in (windows)" -e "repeat with theTab in (tabs of theWindow)" -e "if theTab's URL contains \"localhost\" then" -e "reload theTab" -e "end if" -e "end repeat" -e "end repeat" -e "end tell"
- 按OK保存
此时,您可以转至工具 - >外部工具 - >来刷新其URL包含“localhost”的所有Chrome选项卡。
您也可以映射偏好
供参考键盘映射部的键组合,这里是正在执行的AppleScript:
tell application "Google Chrome"
repeat with theWindow in (windows)
repeat with theTab in (tabs of theWindow)
if theTab's URL contains "localhost" then
reload theTab
end if
end repeat
end repeat
end tell
更新:
外部工具配置和keybind是很棒,但留下了一些需要的东西。 TypeScript需要时间进行编译,因此在保存后我留下了垃圾邮件,直到我看到我的更改为止,直到我看到我的更改为止......我真正想要的是Chrome在刷新之前等待所有TypeScript进行编译。这是我想出了:
通过设定NPM运行配置的命令版本,你可以设置一个运行配置,有效地不执行任何操作,但调用外部工具(see this post)。我使用这个策略创建一个运行配置,首先调用编译TypeScript,然后刷新Chrome标签我之前定义的脚本。这里的关键是这些外部工具按顺序运行。
采取了一步,我定义了一个宏,将“全部保存”,然后在“运行”并反弹⌘S运行调用此宏。现在,无论何时保存,Chrome都会自动刷新,已经编译了TypeScript,没有任何其他按键。
相关问题
- 1. 如何刷新winform内部的wpf elementhost
- 2. 如何刷新Chrome扩展的内容脚本,如DOM更改
- 3. 刷新活动内部tabhost
- 4. 如何从WebStorm内部的grunt serve开始调试Angular网站?
- 5. Chrome + jQuery:Div不刷新?
- 6. 刷新Chrome问题
- 7. Webstorm不刷新修改JavaScript文件
- 8. Jquery手机:如何重新加载/刷新内部页面
- 9. 如何从外部页面更新内容div而不刷新 - GAE
- 10. RoR如何重新刷新刷新内容?
- 11. 如何从BroadcastReceiver刷新ListView?
- 12. Chrome页面刷新问题
- 13. window.location.hash在Chrome中刷新?
- 14. xap在Chrome中未刷新
- 15. 使用内部API调用刷新div
- 16. 刷新内容外部txt文件
- 17. 如何防止PictureBox内部刷新自身?
- 18. 如何刷新/重新加载Chrome扩展程序?
- 19. 如何刷新特定部分?
- 20. 如何在IE中刷新Web部件?
- 21. 如何每秒刷新小部件?
- 22. dxDataGrid - 如何刷新小部件
- 23. 当视线离开时(从iframe本身内部)刷新iframe
- 24. 全部刷新为硬刷新
- 25. Android - 如何刷新选项卡内容
- 26. 如何刷新一个div的内容
- 27. 如何刷新R gWidget的内容?
- 28. 如何强制刷新DataGridView的内容?
- 29. 如何刷新对话框内容
- 30. 如何刷新Div的内容?
不错!这将是非常有用的! –