小编Nic*_*nes的帖子

如何仅在 Javascript 中使用 URLs Tabs 数组在单击时将 HTML 页面呈现为 PNG/JPEG 图像?

我正在使用 Javascript 构建一个 chrome 扩展,它获取打开的选项卡的 URL 并保存 html 文件,但 html 的问题是它不能完全在网页上呈现图像。因此,我更改了代码以循环选项卡的每个 URL,然后单击 chrome 扩展程序的下载图标,将每个 html 页面自动保存为图像文件。我已经研究了 2 天多,但什么也没发生。请查看我的代码文件并指导我。我知道 nodejs 中有库,但我想仅使用 chrome 扩展将 html 执行到 jpeg/png maker。

只有我在此扩展程序中使用过的图标,我拥有的所有代码以及popup.js我尝试过的注释文本。

附加代码的当前输出 在此处输入图片说明

更新 popup.js

文件popup.js- 此文件具有获取浏览器窗口中打开的选项卡的所有 URL 的功能

// script for popup.html
window.onload = () => {  
    
    // var html2obj = html2canvas(document.body);
    // var queue  = html2obj.parse();
    // var canvas = html2obj.render(queue);
    // var img = canvas.toDataURL("image/png");
    
    let btn = document.querySelector("#btnDL");
    btn.innerHTML = "Download";

    function display(){
        // alert('Click button is …
Run Code Online (Sandbox Code Playgroud)

javascript jquery google-chrome-extension

5
推荐指数
1
解决办法
581
查看次数