我正在使用 WorldSpace Sync 扫描我公司的网站以查找品牌违规行为。我想获取有关样式表中使用的任何图像的信息(宽度、高度等)。
//*[@rel="stylesheet"]
WorldSpace 允许用户在从 XPath(在我的例子中)返回的节点上运行简单的 JavaScript 代码。我可以使用以下命令获取每个图像的 URL:
function evaluateNodes( nodes, optionValue) {
var viols = [];
var violation = false;
var relatedNodes = [];
var additionalInfo = "";
var reEx = new RegExp( "(url[(].*?[)]).*;", "gi");
try {
debugOut( "TRYING: "+nodes.length);
for ( var i = 0, _len = nodes.length; i < _len; i++) {
for ( var j = 0, _ilen = nodes[i].ownerDocument.styleSheets.length; j < _ilen; j++) {
var styleSheet = nodes[i].ownerDocument.styleSheets[j];
additionalInfo = "";
violation = false;
for ( var k = 0, _iilen = styleSheet.cssRules.length; k < _iilen; k++) {
var cssRule = styleSheet.cssRules[k];
switch( cssRule.type) {
case 1:
varText = cssRule.cssText;
while (matches = reEx.exec( varText )) {
violation = true;
additionalInfo+=" IMAGE: "+matches[1]+"\n"
}
break;
case 3:
// import
break;
default:
break;
}
}
if ( violation) {
viols.push( {
node: styleSheet.ownerNode
,additionalInfo: additionalInfo
,relatedNodes: relatedNodes
});
}
}
}
} catch( ee) {
debugOut( "EXCEPTION:"+ee);
}
return viols;
}
以下是上述的一些示例输出:
IMAGE: url("/images/lightbox/tile.png")
IMAGE: url("/images/lightbox/close-lightbox.jpg")
IMAGE: url("/images/lightbox/tile.png")
IMAGE: url("/images/news/lightbox-image-header.jpg")
IMAGE: url("/images/lightbox/close-lightbox.jpg")
我不是 JavaScript 人,所以我不知道现在我有这些 URL 该怎么办。似乎所有与图像宽度使用有关的问题jQuery
,但我认为我不能在 WorldSpace 中使用它。
小提琴将是理想的,但任何建议将不胜感激!