Log

いろいろ

あといっかげつ

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

www.hinatazaka46.com

BEM

CSS命名規則がBEM。

f:id:mtzml:20210722164240p:plain

画像保存をブロックする

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

f:id:mtzml:20210722172137p:plain

f:id:mtzml:20210722170856p:plain

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

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

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

f:id:mtzml:20210722192714j:plain

かわいい

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

追記

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

f:id:mtzml:20210722235456g:plain

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

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);})

f:id:mtzml:20210723003345g:plain

mtzml.hatenablog.com

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

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