假设这个:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>');
});
</script>
</head>
<body>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px">
</svg>
</body>
为什么我什么都没看到？
在没有附加组件的Safari中,console.log将在最后执行状态下显示对象,而不是在console.log调用时的状态.
我必须克隆对象只是为了输出它console.log来获取该行的对象状态.
例:
var test = {a: true}
console.log(test); // {a: false}
test.a = false;
console.log(test); // {a: false}
我需要检查是否存在CSS规则,因为如果不包含CSS文件,我想发出一些警告.
这样做的最佳方式是什么？
我可以过滤window.document.styleSheets.cssRules,但我不确定这是什么跨浏览器(加上我在Stack Overflow上注意到该对象为null styleSheet[0]).
我还想将依赖性保持在最低限度.
有一种直截了当的方法吗？我只需创建匹配元素并测试效果吗？
编辑:如果没有,检查的跨浏览器问题是window.document.styleSheets什么？