あといっかげつ

日向坂46のブログを調べていました。

www.hinatazaka46.com

BEM

CSSの命名規則がBEM。

画像保存をブロックする

onmousedownなどのイベントで操作をブロック。

画像保存をブロックするをブロックする

イベントを削除するだけ。

すべてのリイベントを削除する拡張機能またはショートカットが作れるかと思ったら、getEventListeners()はChromeのコマンドラインAPIだった。そうなんだ。。。

かわいい

このページをずっと見ていて気づきました。影山さんかわいいですね。ミコちゃんも萌えなので、かぐや様の映画が見たい。あといっかげつ。

追記

せっかくなのでショートカットをつくりました。

イベントが無名関数で登録されており、削除がむずかしそうであったため、ノードを複製して差し替えます。

document.querySelectorAll('img').forEach(node => {
    const parentNode = node.parentNode;
    const newNode = node.cloneNode();
    newNode.removeAttribute('onmousedown');
    newNode.removeAttribute('onselectstart');
    newNode.removeAttribute('oncontextmenu');
    newNode.setAttribute('style', '-webkit-touch-callout: default;')
    parentNode.appendChild(newNode);
    parentNode.replaceChild(newNode, node);
})

この画像かわいい。

追記の追記

Chromeでもブックマークレットによって同じことができると気づきました。ブックマークするだけで準備完了なのでお手軽。

javascript:document.querySelectorAll('img').forEach(node=>{const parentNode=node.parentNode;const newNode=node.cloneNode();newNode.removeAttribute('onmousedown');newNode.removeAttribute('onselectstart');newNode.removeAttribute('oncontextmenu');newNode.setAttribute('style','-webkit-touch-callout:default;');parentNode.appendChild(newNode);parentNode.replaceChild(newNode,node);})

mtzml.hatenablog.com

そもそも、クラウドストレージを利用している人であれば、自動でスクレイピングが手っ取り早い。でも、そうでない人もたくさんいる。

それじゃまた！
see you soon...♡