※社内専用

PC、SP画像出しわけがクソめんどかったので

  • HOME
  • EPRESS-EC
  • PC、SP画像出しわけがクソめんどかったので

EPRESS-ECはPC、SP画像出しわけが多用されますが
これが大量にある案件を担当し
久々にやったらクソめんどくさかったので
一気に制作するブックマークレットを作りました。

コード

javascript:(function(){var o = {script: 'imgCloneSPCopy', name: 'yamaguchi'}; var d = document; var s = d.createElement('script'); s.src = '//x2627568.xaas.jp/docs/userscript/other/marklets/' + o.name + '/?callback=script&trigger=' + o.script; d.body.appendChild(s); d.body.removeChild(s); })();

手順

  1. めんどくさい画像があります。
  2. ブックマークレットを実行
  3. sp側、max-widthで画像ナチュラルサイズの半分を付与するか決める
  4. なんか出来てる
  5. コピーボタンで簡単クリップ

要件

  1. セレクタ、section img にマッチするimgタグを走査
  2. sp-only付きで画像がすでに作成されていれば削除
  3. 画像名にsp_を付けたクローンを制作
  4. max-widthが必要ならここで付ける
  5. それぞれにpc-onlyをsp-onlyを付けまとめる
  6. コピーボタンも付与

です。
現時点で考えうる状況はすべてクリアしてると思うのですが
思い通りにいかない状況があったらごめんなさい。