スクリプトだけ翻訳しないブックマークレット

概要

Webページ上でGoogle翻訳を利用する前に使用する。

ページ上のcodeタグとpreタグで囲われたソースコードすべてにnotranslateクラスを付与する。
stackoverflowなどで利用出来る。

実行前

code

<code>echo 'Hello World'</code>

実行結果

code

<code class="notranslate">echo 'Hello World'</code>

スクリプト

Bookmarklet

javascript:void(function(){!function(d,f,s){s=d.createElement("script");s.src="//j.mp/1bPoAXq";s.onload=function(){f(jQuery.noConflict(1))};d.body.appendChild(s)}(document,function($){t=$('code,pre').addClass('notranslate');console.log('translatesucess!!');})})()

具体的な処理

code

jQuery(document).ready(function (jQuery) {

   var code = $('code,pre').addClass('notranslate');

 });

今後

• 複数指定した選択範囲だけ翻訳しないようにする。
• chrome Extensionにする。

参考

以下の記事を参考にさせて頂きました。

• ブックマークレットで jQuery を使う魔法の 210 文字
• Bookmarklet作成備忘録
• Bookmarkletの作成方法(基礎)
• Qiitaのbookmarkletタグ