html - Chrome 工作区的局限性

标签 html css google-chrome workspace developer-tools

我想直接从 chrome 开发工具构建整个布局。所以我研究了 chrome 开发工具中的工作区。

但是在将样式和 html 映射到文件系统资源后,我面临两个限制

  1. 如果我从元素面板中进行一些 html 更改 - 例如编辑 html 或删除节点 - 它没有映射到我的工作区 html 文件以便我可以保存它 - 有没有办法看到这样的更改?

  2. 在我通过 css 文件映射后 - 我的本地 css 文件没有选择器规则

    wrapper{ font-family:"Courier New"}

然后我无法通过直接选择一个元素来保留我在元素面板中所做的更改。

见下图:

enter image description here

enter image description here

最佳答案

“只能保存在外部 CSS 文件中定义的样式。不会保留对 element.style 或内联样式的更改。(如果您有内联样式,可以在源面板上更改它们。)”

来自 https://developers.google.com/web/tools/setup/setup-workflow :

关于html - Chrome 工作区的局限性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41855990/

相关文章:

html - Chrome 打印时莫名其妙的空白区域

javascript - 强制 div 元素到顶部

javascript - 如何在不使用打开窗口的情况下关闭选项卡

javascript - 使用 javascript 覆盖 chrome 默认快捷方式

html - 在样式标签中显示无表格单元格

javascript - HTML onclick JavaScript 函数调用始终突出显示为红色 Razor View/C#

php - 在 Symfony 2 元素中安装 Bootstrap 主题

html - 使用 CSS 在 <div> 内设置 <p> 标签的样式

javascript - Chrome 对已加载的图像发出 GET 请求?

google-chrome - Chrome,OPTIONS请求后没有响应数据?