css - Devtool Chrome 自动保存无法正常工作

标签 css google-chrome google-chrome-devtools livereload

我昨天安装了 devtool autosave,它工作正常。现在服务器运行正常,它显示 DevTools Autosave 1.0.0 正在运行 http://127.0.0.1:9104 在终端中,但未记录 css。我正在使用带有 chromium 版本 20.0.1132.47 的 ubuntu 12.04。我正在编辑本地文件 (file:///media/263003BB3003914B/Dropbox/Dropbox/Code/Jquery/effets-and-structure/index.html)。我想问题出在开发工具选项上。我已经尝试了许多不同类型的文件路径组合,但它仍然不起作用。

最佳答案

我相信您可能已经开始工作了,但对于其他人来说这可能会有帮助。我安装了它并认为它不起作用,但实际上是因为我只是在具有内联样式的 HTML 文件上测试它。它只能编辑外部 CSS 文件。看起来很明显,但是当快速尝试使用机器中的随机文件对其进行测试时,这是一个容易犯的错误。

此外,如果您在本地主机上工作,那么您需要非常具体地指定您的位置。在 Chrome 中打开扩展程序并将新路由拖到服务器。您可以直接从浏览器中复制您需要的本地主机位置,您只需要导航到本地站点的主页即可。现在将其粘贴到匹配部分。

接下来确保您直接链接到保存到部分中的 css 文件。在 Mac 上它看起来像这样 - /用户/你的名字/网站/你的网站/css/

请务必在位置的开头和结尾保留小数(正)斜杠。如果它仍然无法正常工作,那么您需要检查它在终端中查找的文件位置并进行修改。

关于css - Devtool Chrome 自动保存无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14045715/

相关文章:

javascript - 使用网络技术的桌面原生应用程序

css - 更改 flex 验证错误的默认颜色

css - 如何通过 Chrome 查找和删除未使用的 CSS

vb.net - 如何使用谷歌浏览器打开网站

google-chrome-devtools - 筛选出配置文件结果中的文件

javascript - Chrome/Firefox 中双美元符号选择器查询功能的来源是什么?

css - 找不到 LESS 文件。试过 -

macos - 通过终端获取 Chrome 标签的 pid

javascript - 观看时如何更新 chrome.devtools.panels?

html - SVG 向其他元素添加填充