ワースポイント用ブックマークレット 商品ページと商品 イメージの印刷最適化

javascript:

/* -----------------------------------------------
ワースポイント商品ページ印刷最適化ブックマークレット
TAGO.OKに投稿してる
https://tagook.blogspot.com/
----------------------------------------------- */

/*タイトルを変更*/
document.title = document.title.replace(/商品画像│|商品ページ│/g, '');
document.title = '商品ページ│' + document.title;

/*スタイル要素を追加*/
var body = document.getElementsByTagName('body').item(0);
var style = document.createElement('style');
var text = text = `
/*画面幅*/
header,
.nav-search-container,
.details-row-ads,
.copyright-info,
#rel-items,
.banner-bottom,
footer
{display:none!important;}
.carousel-wrapper,
.carousel-wrapper *
{display:block!important;}
`;
var rule = document.createTextNode(text);
/*style.media = 'screen';*/
style.type = 'text/css';
style.appendChild(rule);
body.appendChild(style);

/*プリンtダイアログを開く*/
window.print();

javascript:

/* -----------------------------------------------
ワースポイント商品イメージ印刷最適化ブックマークレット
TAGO.OKに投稿してる
https://tagook.blogspot.com/
----------------------------------------------- */


/*タイトルを変更*/
document.title = document.title.replace(/商品画像│|商品ページ│/g, '');
document.title = '商品画像│' + document.title;


/*スタイルとスクリプト削除*/
var styleElms = document.querySelectorAll("link,style,script,noscript");
for (var i = 0; i < styleElms.length; i++) {
  console.log(styleElms[i]);
  styleElms[i].remove();
}


/*サムネイルのソースを配列に格納*/
var arrImgSrc = new Array();
var imagesSrc = document.querySelectorAll("#gallery1 img");
for (var i = 0; i < imagesSrc.length; i++) {
  console.log(imagesSrc[i].src);
  arrImgSrc.push(imagesSrc[i].src);
}


/*ボディを初期化*/
var body = document.body;
body.innerHTML = "";
body.removeAttribute('class');


/*印刷用イメージ要素をクリエイト*/
var img_element;
for (var i = 0; i < arrImgSrc.length; i++) {
  console.log(arrImgSrc[i]);
  img_element = document.createElement('img');
    img_element.src = arrImgSrc[i].replace('s-l64', 's-l1600');
    body.appendChild(img_element);
}


/*スタイル要素を追加*/
var style = document.createElement('style');
var text = `
/*画像調整*/
img
{width:100%;height:auto;padding-top:1px;}
/*非表示*/
button
{display:none!important;}
`;
var rule = document.createTextNode(text);
/*style.media = 'screen';*/
style.type = 'text/css';
style.appendChild(rule);
body.appendChild(style);


/*クリップボードに商品名をコピーして印刷ダイアログを開く*/
async function copyToClipboard(text) {
  try {
    await navigator.clipboard.writeText(text);
    console.log('コピーしました');
    /*プリンtダイアログを開く*/
    /*window.print();*/
  } catch (error) {
    alert((error && error.message) || 'コピーに失敗しました');
  }
}
copyToClipboard(document.title);