Chrome开发人员工具工作区映射
Mik*_*ike 38 google-chrome google-chrome-devtools
任何人都可以告诉我Chrome开发人员工具工作区映射的工作原理.我相信它目前只在加那利可用.
我认为它应该允许我对元素视图中的CSS规则进行更改,并将它们自动保存到本地文件中,如Paul IO在Google IO 2013中所示.我无法使用此功能.
loi*_*slo 54
它目前仅适用于金丝雀.
编辑:现在在Chrome中(自30+以来)
1)您需要打开devtools设置面板.它有"工作区"部分.
2)在本节中,您需要单击"添加文件夹"项.它将显示文件夹选择对话框.
3)选择文件夹后,您将看到有关该文件夹访问权限的信息栏.
4)因此,您将在"源"面板文件选择器窗格中看到两个顶级元素.在我的情况下,它是localhost:9080站点和devtools本地文件系统文件夹.此时,您需要在站点文件和本地文件之间创建映射.您可以通过文件上下文菜单执行此操作.
要映射的文件,本地或站点文件无关紧要.
5)那时devtools会问你关于重启的事.
重新启动后,devtools将在文件窗格中显示单个文件夹条目,并且每次在Mac上按Ctrl + S或Cmd + S时,都会对本地文件应用所有更改.
- 它现在似乎是正常的Chrome版本.我正在运行30.0.1599.101版 (5认同)
- 当您映射单个资源时,DevTools实际上映射了所有内容. (4认同)
- 我应该解释一下,我做了上述所有步骤,当我使用"codeavengers.com"作为我的服务器时,它仍然无法正常工作.("codeavengers.com"映射到我的Windows主机文件中的localhost).当我更改为在我的网址中使用localhost时,它如上所述工作.但是,JavaScript调试似乎停止了工作. (2认同)
| 归档时间： |
|
| 查看次数： |
27882 次 |
| 最近记录： |