O'Reilly Online Learning BooksをDeepL Proでコードブロック以外を翻訳して読む問題 DeepLでwebサイトを翻訳すると、以下のようなコードブロック[1]が、 以下のようにレイアウトが崩れたものになったり、意図しない部分が翻訳されたりすることがあります。 解決方法 以下のスクリプトをdeveloper toolsのconsoleから実行することで、O'Reilly Online Learningのような動的サイトにおいても、コードブロックの翻訳を防ぐことができます。 const observer = new MutationObserver(() => { document.querySelectorAll('pre').forEach(elem => elem.classList.add('notranslate')) }); observer.observe(document, { childList: true, subtree: true }); Scrip
