相关疑难解决方法(0)

Firebug是我用来编辑CSS的最方便的工具 - 那么为什么CSS没有一个简单的"保存"选项呢？

我总是发现自己在Firebug中进行调整,然后回到我原来的.css文件并复制调整.

有没有人想出更好的解决方案？

编辑:我知道代码存储在服务器上(大多数情况下不是我自己的),但我在构建自己的网站时使用它.

Firebug只是使用从服务器下载的.css文件,它确切地知道它正在编辑哪些文件行.我不明白为什么没有"导出"或"保存"选项,它允许您存储新的.css文件.(然后我可以替换远程的那个).

我曾尝试查看临时位置,并选择文件 > 保存...并在Firefox上尝试输出选项,但我还没找到方法.

编辑2: 官方讨论组有很多问题,但没有答案.

我希望能够按原样获取我的DOM,并将其转换为字符串.假设我打开检查器并更改特定元素的margin-left属性.这个改变应该反映在我的字符串中.

该函数应正确地采用当前应用于元素的所有样式(不包括默认值),并将它们包含在该元素的内联样式中.

我写了一个"解决方案",证明是不合适的.getMatchedCSSRuleswebkit中的功能非常挑剔,我无法确定为什么它有时会起作用而在其他时候不起作用.因此,我想避免使用此功能,除非它100%的时间工作.同样,该getComputedStyle功能也存在问题.如果使用检查器将此页面上的#footer元素更改为7px solid red而不是7px solid black,则更改将反映在我getComputedStyle(document.getElementById('footer')).cssText在控制台中运行时,但它也将为我提供一系列未被用户修改的继承属性使用检查器或页面上的样式表.

我正在寻找一个适用于webkit的解决方案 - 目前跨浏览器兼容性不是问题.

谢谢!

在Google Chrome开发者工具中,您可以右键单击页面HTML中的元素,然后单击复制元素,将元素HTML复制到剪贴板.

查看完整大小的图像

我的问题是,有没有办法复制与HTML元素相关的所有CSS规则？

window.getComputedStyle根据文档,该函数应该能够获得计算的伪类样式,如:hover .

它也被解释为另一个问题的答案

但正如最后一条评论在该问题中所说的那样,事实上它根本不起作用,它只返回正常的风格,而不是:悬停风格.你可以在这个jsfiddle中看到自己.警报返回红色,而不是绿色.

developer.mozilla.org上的文档也有一个例子,但这也不起作用 - 见这里.

在这个问题中,回答者在评论中指出它根本不起作用,但没有给出解释.

可能是在函数返回正确的值之前必须完全呈现样式表吗？我试过设置一些延迟,但似乎没有任何工作.

我尝试过最新的Firefox,Chrome和IE浏览器.有人知道为什么这个功能没有按预期工作吗？

令人惊讶的是,这个Apple页面已经Element.prototype等于undefined,所以我无法使用这个令人敬畏的代码片段.

这样做有什么理由吗？