精易浏览器怎么对网页截图啊

果心豆腐酱

精易浏览器怎么把页面以图片的方式保存啊？

果心豆腐酱

就是这样子，保存网页为图片。而不是截屏。

police0909

使用JS，这是两种JS

  

// 引入 html2canvas 库
const script = document.createElement ("script");
script.src = "https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.min.js";
document.head.appendChild (script);
// 等待库加载完成后执行保存图片的代码
script.onload = function () {
html2canvas (document.body).then (function (canvas) {
// 将生成的 canvas 元素添加到页面上
document.body.appendChild (canvas);
// 创建一个 <a> 元素，设置下载属性为图片链接，并模拟点击下载
const link = document.createElement ("a");
link.href = canvas.toDataURL ("image/png");
link.download = "screenshot.png";
link.click ();
// 移除添加到页面上的 canvas 元素
document.body.removeChild (canvas);
});
};

// 引入 html2canvas 库<br /> const script = document.createElement("script");<br /> script.src = "https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.min.js";<br /> document.head.appendChild(script);<br /> <br /> // 等待库加载完成后执行保存图片的代码<br /> script.onload = function() {<br />   html2canvas(document.body).then(function(canvas) {<br />     // 将生成的 canvas 元素添加到页面上<br />     document.body.appendChild(canvas);<br /> <br />     // 创建一个 <a> 元素，设置下载属性为图片链接，并模拟点击下载<br />     const link = document.createElement("a");<br />     link.href = canvas.toDataURL("image/png");<br />     link.download = "screenshot.png";<br />     link.click();<br /> <br />     // 移除添加到页面上的 canvas 元素<br />     document.body.removeChild(canvas);<br />   });<br /> };

这是弹出下载框点击下载图片

  

function takeScreenshot () {
return new Promise ( (resolve, reject) => {
// 引入 html2canvas 库
const script = document.createElement ("script");
script.src = "https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.min.js";
document.head.appendChild (script);
// 等待库加载完成后执行保存图片的代码
script.onload = function () {
html2canvas (document.body).then (function (canvas) {
// 获取生成的图片数据
const imageData = canvas.toDataURL ("image/png");
// 检查 canvas 是否存在于页面中
if (document.body.contains (canvas)) {
// 移除添加到页面上的 canvas 元素
document.body.removeChild (canvas);
}
// 返回图片数据
resolve (imageData);
}).catch (error => {
reject (error);
});
};
});
}

function takeScreenshot() {<br />   return new Promise((resolve, reject) => {<br />     // 引入 html2canvas 库<br />     const script = document.createElement("script");<br />     script.src = "https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.min.js";<br />     document.head.appendChild(script);<br /> <br />     // 等待库加载完成后执行保存图片的代码<br />     script.onload = function() {<br />       html2canvas(document.body).then(function(canvas) {<br />         // 获取生成的图片数据<br />         const imageData = canvas.toDataURL("image/png");<br /> <br />         // 检查 canvas 是否存在于页面中<br />         if (document.body.contains(canvas)) {<br />           // 移除添加到页面上的 canvas 元素<br />           document.body.removeChild(canvas);<br />         }<br /> <br />         // 返回图片数据<br />         resolve(imageData);<br />       }).catch(error => {<br />         reject(error);<br />       });<br />     };<br />   });<br /> }

这是返回图片数据

sunle818

用截图软件啊，或者你说的是什么意思？能说明白点吗

rectdbszy

图片_后台区域截图

补充内容 (2023-8-19 20:12):
图片_屏幕区域截图也可以

果心豆腐酱

sunle818 发表于 2023-8-19 20:11
用截图软件啊，或者你说的是什么意思？能说明白点吗

看我刚置顶的

果心豆腐酱

rectdbszy 发表于 2023-8-19 20:11
图片_后台区域截图

补充内容 (2023-8-19 20:12):

看我刚置顶的

sunle818

果心豆腐酱 发表于 2023-8-19 20:20
看我刚置顶的

没用过精易浏览器，我用的WIN10自带的Edge浏览器，这款浏览器自动有网页抓捕功能。
如果不是为了什么特殊的功能，建议你直接用Edge抓捕。

jiutul

截图后写到文件就保存了

果心豆腐酱

jiutul 发表于 2023-8-19 23:10
截图后写到文件就保存了

0.0，你没看懂