截取页面长图,网页长图

只为了截页面保存图片,超级简单,截取页面长图,网页长图,截图不会包含本按钮。

질문, 리뷰하거나, 이 스크립트를 신고하세요.
// ==UserScript==
// @name        截取页面长图,网页长图
// @namespace   www.miw.cn
// @description 只为了截页面保存图片,超级简单,截取页面长图,网页长图,截图不会包含本按钮。
// @match       *://*/*
// @grant       none
// @version     1.2
// @author      hello@miw.cn
// @license MIT
//
// @require https://update.greasyfork.org/scripts/457525/1134363/html2canvas%20141.js
// ==/UserScript==
;
const cat_body=()=>{
  html2canvas(document.querySelector('body')).then(canvas=>{
  var picName = document.title || '页面截图';
	var link = document.createElement('a');
    link.download = `${picName}.png`;
    link.href = canvas.toDataURL("image/png");
    link.click();
  });
}
const show_tool=()=>{
  const elements = document.getElementsByTagName('*');
  let zIndex=0;
  for(e of elements){
    let s=window.getComputedStyle(e);
    if(s.zIndex && s.zIndex!='auto') {
      try{
        let t = parseInt(s.zIndex);
        zIndex = t>zIndex?t:zIndex;
      }catch(e){}
    }
  }
  var body = document.body;
  var btn = document.createElement("button");
        btn.textContent = '截长图';
        btn.classList.add('__doit');
        btn.addEventListener('click', function() {
          cat_body();
        });
  btn.style.cssText = `position:fixed;right:0;top:0;z-index:${zIndex+1};`;
  console.log(btn.style.cssText);
  body.parentNode.insertBefore(btn, body);
}

(function () {
  show_tool();

})()
;