CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 你如何向JSDOM广告样式表大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在开发一个项目,要求我通过JSDOM将计算样式发送到浏览器.我目前正在寻找一种方法将一些基本的CSS注入JSDOM,以便它可以计算出正确的内联样式(是的,我知道这很糟糕).

根据我的发现,我可以使用JSDOM Level 2,但是从那里我找不到任何关于如何注入样式的文档
这就是我到目前为止所拥有的

var document = jsdom.jsdom('<!DOCTYPE html><html><head></head><body id="abody" ></body></html>',jsdom.level(2,'style'),{
        features : {
            FetchExternalResources : ['script','css'],QuerySelector : true
        }
    });

我一直在将css插入head标签,但无济于事.而且我知道我也可能错误地执行上述代码.

任何帮助都会很棒.

解决方法

嗯,这听起来有点蠢,但这就是我做的:
var path = require('path');
    var fs = require('fs');
    var mainCss = fs.readFileSync(path.normalize(__dirname + "web_main.css"),'utf8');
    var document = jsdom.jsdom('<!DOCTYPE html><html><meta http-equiv="content-type" content="text/html; charset=utf-8"><head></head><body id="abody" ></body></html>',jsdom.level(3,'index'),QuerySelector : true
        }
    });     
    var window = document.createWindow();
    var head = document.getElementsByTagName('head')[0];
    style = document.createElement("style");
    style.type = 'text/css';
    style.innerHTML = mainCss;
    head.appendChild(style);

所以基本上所有我改变的都是将级别移动到3索引,而不是直接在起始html中使用它,我之后添加它.

它非常简单,我希望它可以帮助其他人.

大佬总结

以上是大佬教程为你收集整理的css – 你如何向JSDOM广告样式表全部内容,希望文章能够帮你解决css – 你如何向JSDOM广告样式表所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: