投稿

ラベル(Bookmarklet)が付いた投稿を表示しています

とりあえず用ブックマークレット 商品ページと商品 イメージの印刷最適化

Quick Edit Pencil
javascript:

/* -----------------------------------------------
とりあえず商品ページ印刷最適化ブックマークレット
TAGO.OKに投稿してる
https://tagook.blogspot.com/
----------------------------------------------- */

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

/*スコットランド国立博物館*/
function nms_ac_uk(){
    /*スタイルとスクリプト削除*/
    var styleElms = document.querySelectorAll(".siteSearch");
    for (var i = 0; i < styleElms.length; i++) {
      console.log(styleElms[i]);
      styleElms[i].remove();
    }

    /*スタイル要素を追加*/
    var body = document.getElementsByTagName('body').item(0);
    var style = document.createElement('style');
    var text = text = `
    @media print 
    {
      a[href]:after { content: none !important; }
      img[src]:after { content: none !important; }
      abbr[title]:after { content: none !important; }
    }
    @media print 
    {
      .siteHead__logo img { width: 196px; height: auto; }
    }
    `;
    var rule = document.createTextNode(text);
    /*style.media = 'screen';*/
    style.type = 'text/css';
    style.appendChild(rule);
    body.appendChild(style);
}

nms_ac_uk();

/*プリン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();

/* デフォルト */
function imageSrc_to_array_0(){
    var imagesSrc = document.querySelectorAll("#gallery1 img");
    for (var i = 0; i < imagesSrc.length; i++) {
      console.log(imagesSrc[i].src);
      arrImgSrc.push(imagesSrc[i].src);
    }
}

/* Classic Camp Stoves */
function imageSrc_to_array_1(){
    /*https://classiccampstoves.com/threads/primus-stove-ultraprimus-soldering-iron-furnace-c-1895.39320/*/
    var imagesSrc = document.querySelectorAll("img.bbCodeImage.LbImage,a.LbTrigger");
    for (var i = 0; i < imagesSrc.length; i++) {
      if(imagesSrc[i].tagName == "IMG" && /show the full-size version/.test(imagesSrc[i].title)){
        console.log(imagesSrc[i].src);
        arrImgSrc.push(imagesSrc[i].src);
      }else if(imagesSrc[i].tagName == "A") {
      console.log(imagesSrc[i].href);
      arrImgSrc.push(imagesSrc[i].href);
      }
    }
}

/* スコットランド国立博物館 */
function imageSrc_to_array_2(){
    var imagesSrc = document.querySelectorAll(".collectionLightbox img");
    for (var i = 0; i < imagesSrc.length; i++) {
      console.log(imagesSrc[i].src);
      arrImgSrc.push(imagesSrc[i].src);
    }
}

imageSrc_to_array_2();



/*ボディを初期化*/
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);

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

Quick Edit Pencil
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);

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

Quick Edit Pencil
javascript:

/* -----------------------------------------------
イーベイ商品ページ印刷最適化ブックマークレット
----------------------------------------------- */

/*タイトルを変更*/
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 = `
/*画面幅*/
div[class*="sz"]
{min-width: 800px!important; max-width: 1080px!important;}
/*非表示*/
.gh-td-s,
#scandal100938,
#RightSummaryPanel,
div[id*="placement_html_"],
#FootPanel,
#glbfooter,
.d-stores-info-categories
{display:none!important;}
/*商品サムネイル拡張*/
#vertical-align-items-wrapper
{height: 200%!important;}
button[class*="v-pic-"]
{display:none;}
/*iframeスケール*/
/*#viTabs_0_is,*/
#desc_ifr{
/*-moz-transform:scale(0.75,0.75);*/
/*-webkit-transform:scale(0.75,0.75);*/
/*-o-transform:scale(0.75,0.75);*/
/*-ms-transform:scale(0.75,0.75);*/
transform:scale(0.75,0.75); 
overflow:hidden;
position:relative;
top:-50%;
left:-17.5%;/*-25%*/
}
`;
var rule = document.createTextNode(text);
/*style.media = 'screen';*/
style.type = 'text/css';
style.appendChild(rule);
body.appendChild(style);

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


javascript:

/* -----------------------------------------------
イーベイ商品イメージ印刷最適化ブックマークレット
----------------------------------------------- */


/*タイトルを変更*/
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("#viEnlargeImgLayer_layer_fs 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);

ホームページ 印刷調整 ブックマークレット

Quick Edit Pencil
javascript: (function() {
var url = location.href;
if (/hogehoge\.com/.test(url)){
let elm= document.body;
var tar, arr, len; 
/*-- header  --*/
/*ヘッダを置換tar= elm.querySelector('div.navi-002-01.nav_cont_box');tar.innerHTML='<header style="font-size: -webkit-xxx-large;font-weight: bolder;text-align: center;"><h1>DIY Clip!</h1><p>─暮らしにる来る喜びを─</p></header>';*/
/*ロゴの属性を追加*/tar= elm.querySelector('div.logo');if(tar){tar.setAttribute("style", "width: 25%; margin: auto;");}
/*コントの属性を追加*/tar= elm.querySelector('div.cont');if(tar){tar.setAttribute("style", "text-align: center!important;");}
/*コントロイモールロゴの属性を追加*/tar= elm.querySelector('div.col.col-1.nav_cont_box_inner_1');if(tar){tar.setAttribute("style", "padding-top: 12px;");}
/*オンラインショップボタンを削除*/tar= elm.querySelector('div.component.button.component-2.shop_button');if(tar){tar.remove();}
/*検索ボックスを削除*/tar= elm.querySelector('div.col.col-2.nav_cont_box_inner_2');if(tar){tar.remove();}
/*ナビゲーションを削除*/tar= elm.querySelector('nav');if(tar){tar.remove();}
/*-- contents  --*/
/*パンくずを削除*/tar= elm.querySelector('div.breadcrumbs');if(tar){
    tar.setAttribute("style", "display: block!important; text-align: center!important;");
    tar.firstChild.setAttribute("style", "display: inline-block;");
    tar.nextElementSibling.setAttribute("style", "margin-top: 0px;");}
/*共有ボタン群を削除*/
arr= elm.querySelectorAll('div.social-button');
len = arr.length;
console.log(len);
if(arr){
    for (var i = 0; i < len; i++) {
        tar= elm.querySelector('div.social-button');
        tar.innerHTML="";
        tar.setAttribute("style", "padding-bottom: 12px;");
        tar.classList.remove('social-button');
    }
}
/*関連記事を調整*/tar= elm.querySelector('div.link-embed');if(tar){tar.parentNode.parentNode.setAttribute("style", "display: flex; padding-top: 12px;");}
/*-- side  --*/
/*サイド右を削除*/var tar= elm.querySelector('div.side.right');if(tar){tar.remove();}
/*-- foot  --*/
/*フッタを削除*/tar= elm.querySelector('div.foot');if(tar){tar.remove();}
/*-- ボタン類を削除  -- */
arr= elm.querySelectorAll('div.component.button');
if(arr){
    len = arr.length;
    for (var i = 0; i < len; i++) {
        tar= elm.querySelector('div.component.button');tar.parentNode.parentNode.remove();
    }
}
/*-- 木材カットサービスバナー削除  -- */
tar= elm.querySelector('[id*="8dfd49608c5e026bdede076c"]');if(tar){tar.parentNode.remove();}
/*-- Section2を削除  -- */tar= elm.querySelector('section.content-element.content-2');if(tar){tar.remove();}
/*-- 大きい画像を調整  -- */
arr= elm.querySelectorAll('div.component.component-2.text');
if(arr){
    len = arr.length;
    for (var i = 0; i < len; i++) {
        arr[i].parentNode.parentNode.setAttribute("style", "display: flex; padding-bottom: 12px;");
    }
}
/*-- 最下部にスクロール  -- */
var element = document.documentElement;
var bottom = element.scrollHeight + element.clientHeight;
var speed = 64;/*時間あたりに移動するpx量です。デフォルトでは1pxにしていますが、自由に変えてください*/
var interval = 100;/*移動する間隔です。デフォルトでは0.1秒おきにしていますが、自由に変えてください*/
var scrollTop = document.body.scrollTop;
var counter = scrollTop + speed;
var timerId = setInterval(function() {
    var scroll = scrollTop + speed;
    window.scrollBy(0, scroll);
    console.log("counter="+counter+"bottom="+bottom);
    if(counter>=bottom){
        clearInterval(timerId);
        /*-- プリントダイアログを表示  --*/window.print();
    }
    counter+=scroll;
},interval);
}else{
    alert('このブックマークレットは、” hogehoge.com ” のページで動作します。');
}
}());

ブックマークレット DOM ソース変更

Quick Edit Pencil
javascript: (function() {
    /*https://www.atmarkit.co.jp/ait/articles/0808/04/news124.html*/
    /*https://into-the-program.com/removechild/*/
    /*ヘッダのタグを削除*/
    var scripts= document.head.getElementsByTagName('script');
    let len = scripts.length;
    for (var i = 0; i < len; i++) {
      document.head.removeChild(scripts[0]);
    }
    var links= document.head.getElementsByTagName('link');
    len = links.length;
    for (var i = 0; i < len; i++) {
      document.head.removeChild(links[0]);
    }
    var style= document.head.getElementsByTagName('style');
    len = style.length;
    for (var i = 0; i < len; i++) {
      document.head.removeChild(style[0]);
    }
    /*クリップボードに保存*/
    var clips = document.title;
    clips += '; ';
    clips +=  document.body.querySelector('p.size').textContent;
    clips += '; ';
    clips +=  document.URL;
    console.log(clips);
    /*イメージの集合要素を保存*/
    var images= document.body.querySelector('ul.item_pager');
    images.removeAttribute('class');
    images.removeAttribute('style');
    console.log(images);
    /*新たなBODYタグ要素のノードオブジェクト*/
    var targetNode = document.getElementsByTagName('body')[0];
    console.log(targetNode);
    /*新たなBODYタグを作成*/
    var newNode = document.createElement('body');
    newNode.appendChild(images);
    /*BODYタグを置き換える*/
    targetNode.parentNode.replaceChild(newNode, targetNode);
    /*クリップボードにコピー*/
    javascript:
    function copyTextToClipboard(textVal){
    var copyFrom = document.createElement("textarea");
    copyFrom.textContent = textVal;
    var bodyElm = document.getElementsByTagName("body")[0];
    bodyElm.appendChild(copyFrom);
    copyFrom.select();
    var retVal = document.execCommand('copy');
    return retVal;
    }
    copyTextToClipboard(clips);
}());