メルカリ系ブックマークレット

Quick Edit Pencil
目次

メルカリ取引画面印刷最適化ブックマークレット

  1. javascript:
  2. /* -----------------------------------------------
  3. メルカリ取引画面印刷最適化ブックマークレット
  4. アプデ:2023/12/26
  5. TAGO.OKに投稿してる
  6. https://tagook.blogspot.com/2018/06/blog-post.html
  7. ----------------------------------------------- */
  8. /*商品名を取得*/
  9. var itemName = document.querySelector("mer-item-object");
  10. console.log(itemName);
  11. itemName = itemName.shadowRoot.querySelector(".container").getAttribute('aria-label');
  12. console.log(itemName);
  13. /*タイトルを変更*/
  14. document.title = document.title.replace(' - ', '│' + itemName + ' - ');
  15.  
  16. /*スタイル属性を追加*/
  17. document.querySelector("aside[aria-label='取引が完了しました'] + div").setAttribute("style", "display:none;");
  18.  
  19. /*スタイル要素を追加*/
  20. var body = document.getElementsByTagName('body').item(0);
  21. var style = document.createElement('style');
  22. var text = `
  23. footer{display:none!important;}
  24. `;
  25. var rule = document.createTextNode(text);
  26. /*style.media = 'screen';*/
  27. style.type = 'text/css';
  28. style.appendChild(rule);
  29. body.appendChild(style);
  30.  
  31. /*クリップボードに商品をコピーして印刷ダイアログを開く*/
  32. async function copyToClipboard(text) {
  33. try {
  34. await navigator.clipboard.writeText(text);
  35. console.log('コピーしました');
  36. /*プリンtダイアログを開く*/
  37. window.print();
  38. } catch (error) {
  39. alert((error && error.message) || 'コピーに失敗しました');
  40. }
  41. }
  42. copyToClipboard(itemName);

メルカリ商品ページ印刷最適化ブックマークレット

  1. javascript:
  2.  
  3. /* -----------------------------------------------
  4. メルカリ商品ページ印刷最適化ブックマークレット
  5. アプデ:2023/12/26
  6. TAGO.OKに投稿してる
  7. https://tagook.blogspot.com/2022/04/2022.html
  8. ----------------------------------------------- */
  9.  
  10. /*タイトルを変更*/
  11. document.title = document.title.replace(/商品画像│|商品ページ│/g, '');
  12. document.title = '商品ページ│' + document.title;
  13.  
  14. /*出品者要素を定義*/
  15. var seller = document.querySelector("a[location-1='seller_info']").parentNode.parentNode;
  16.  
  17. /*スタイル属性を追加*/
  18. var elms = new Array();
  19. /*メルカリ安心への取り組み*/
  20. elms.push(document.querySelector("a[href='https://static.jp.mercari.com/safe/description']").parentNode);
  21. /*ポイント利用案内*/
  22. elms.push(document.querySelector("#item-info > section > div + section > div + aside"));
  23.  
  24. /*SoldOutの場合*/
  25. if (document.querySelector("div[aria-label*='売り切れ']")) {
  26. /*こちらの商品もおすすめです*/
  27. elms.push(document.querySelector("#item-info div[data-testid*='checkout-button-container'] + section"));
  28. }
  29.  
  30. /*コメント*/
  31. elms.push(seller.nextSibling);
  32. /*この出品者の商品*/
  33. elms.push(document.querySelector("main article + section"));
  34. /*この商品を見ている人におすすめ*/
  35. elms.push(document.querySelector("main article + section + section"));
  36. /*パンクズ*/
  37. elms.push(document.querySelector("main > div"));
  38. /*フッター*/
  39. elms.push(document.querySelector("footer"));
  40. /*nullを除外*/
  41. elms = elms.filter(Boolean);
  42. for (var i = 0; i < elms.length; i++) {
  43. console.log(elms[i]);
  44. elms[i].setAttribute("style", "display:none;");
  45. }
  46. /*スタイル要素を追加*/
  47. var body = document.getElementsByTagName('body').item(0);
  48. var style = document.createElement('style');
  49. var text = `
  50. div[data-testid='vertical-thumbnail-scroll'] .slick-list{height: auto!important;}
  51. div.show-more-button{display:none;}
  52. div.clamp{-webkit-line-clamp: none!important;}
  53. `;
  54. var rule = document.createTextNode(text);
  55. /*style.media = 'screen';*/
  56. style.type = 'text/css';
  57. style.appendChild(rule);
  58. body.appendChild(style);
  59.  
  60. /*shadow-root商品説明*/
  61. var descriptionOfItem = document.querySelector("div.merShowMore");
  62. var content = descriptionOfItem.querySelector("div[class*='clamp']");
  63. content.setAttribute("style", "-webkit-line-clamp: none");
  64. var button = descriptionOfItem.querySelector("button[data-testid*='show-more-toggle']");
  65. button.setAttribute("style", "display: none");
  66.  
  67. /*出品者*/
  68. seller.setAttribute("style", "height: 200px");
  69.  
  70. /*クリップボードに商品名をコピーして印刷ダイアログを開く*/
  71. async function copyToClipboard(text) {
  72. try {
  73. await navigator.clipboard.writeText(text);
  74. console.log('コピーしました');
  75. /*プリンtダイアログを開く*/
  76. /*window.print();*/
  77. } catch (error) {
  78. alert((error && error.message) || 'コピーに失敗しました');
  79. }
  80. }
  81. copyToClipboard(document.title);
  82.  
  83. /*プリンtダイアログを開く*/
  84. window.print();

メルカリ商品イメージ印刷最適化ブックマークレット

  1. javascript:
  2.  
  3. /* -----------------------------------------------
  4. メルカリ商品イメージ印刷最適化ブックマークレット
  5. アプデ:2023/12/26
  6. TAGO.OKに投稿してる
  7. https://tagook.blogspot.com/2022/04/2022.html
  8. ----------------------------------------------- */
  9.  
  10. /*タイトルを変更*/
  11. document.title = document.title.replace(/商品画像│|商品ページ│/g, '');
  12. document.title = '商品画像│' + document.title;
  13.  
  14. /*スタイルとスクリプト削除*/
  15. var styleElms = document.querySelectorAll("link,style,script,noscript");
  16. for (var i = 0; i < styleElms.length; i++) {
  17. console.log(styleElms[i]);
  18. styleElms[i].remove();
  19. }
  20.  
  21. /*サムネイルのソースを配列に格納*/
  22. var arrImgSrc = new Array();
  23.  
  24. var itemimages = document.querySelector("div[aria-label='商品画像カルーセル'] > div + div");
  25.  
  26. var imagesSrc = itemimages.querySelectorAll("img");
  27. for (var i = 0; i < imagesSrc.length; i++) {
  28. console.log(imagesSrc[i].src);
  29. arrImgSrc.push(imagesSrc[i].src);
  30. }
  31.  
  32. /*ボディを初期化*/
  33. var body = document.body;
  34. body.innerHTML = "";
  35.  
  36. /*印刷用イメージ要素をクリエイト*/
  37. var img_element;
  38. for (var i = 0; i < arrImgSrc.length; i++) {
  39. console.log(arrImgSrc[i]);
  40. img_element = document.createElement('img');
  41. img_element.src = arrImgSrc[i].replace('s-l64', 's-l1600');
  42. body.appendChild(img_element);
  43. }
  44.  
  45. /*スタイル要素を追加*/
  46. var style = document.createElement('style');
  47. var text = `
  48. /*画像調整*/
  49. img
  50. {width:100%;height:auto;padding-top:1px;}
  51. /*非表示*/
  52. button
  53. {display:none!important;}
  54. `;
  55. var rule = document.createTextNode(text);
  56. /*style.media = 'screen';*/
  57. style.type = 'text/css';
  58. style.appendChild(rule);
  59. body.appendChild(style);
  60.  
  61. /*クリップボードに商品名をコピーして印刷ダイアログを開く*/
  62. async function copyToClipboard(text) {
  63. try {
  64. await navigator.clipboard.writeText(text);
  65. console.log('コピーしました');
  66. /*プリンtダイアログを開く*/
  67. /*window.print();*/
  68. } catch (error) {
  69. alert((error && error.message) || 'コピーに失敗しました');
  70. }
  71. }
  72. copyToClipboard(document.title);

このブログの人気の投稿

PowerShellのGetDetailsOf メソッドでプロパティの詳細情報のID番号と項目名を列挙します

Blender: 辺の長さを数値で指定するアドオン

書字方向 横書方向変換スクリプト 左書きから右書きへ(コピペ用途)

ヤバい!JAPANNEXT WQHD対応 27型ワイド液晶ディスプレイ「JN-IPS2716WQHD」を注文してみた!!!

決定版 Edgeでローカルファイルを開く パワーシェルスクリプト (ウインドウズでドロップレット)

PowerShellで複数ファイルのプロパティを取得する方法(準備編)

カルチャーラジオ 科学と人間 薬と毒の歴史をひも解く 日本薬科大学教授…船山信次

Windows10でアプリケーションごとに輝度を設定、自動で変更する - AutoHotkey