electronのwebview.executeJavaScriptで書くjavascriptを見やすくしてみた

electronのwebviewでは、
executeJavaScriptがあり、webview先でjavascriptを走らせることができる。
通常の使い方だと、こんな感じに、文字列を書かざるおえない。

var webview = document.getElementById('mainWebview');

webview.executeJavaScript("alert(\"hogehoge\");");

これだと、以下の問題があって管理しづらい

• 文字列一色でシンタックスハイライトが効かない
• ヒアドキュメントのテクニックを使わないかぎり複数行かけない
• 文字列ゆえにダブルクォートなどが書きづらい

この問題を解決してみた（微妙に苦労したので書いておく）。

こういう形で書けば見やすくなった

var webview = document.getElementById('mainWebview');

webview.executeJavaScript(
  (function(){
    alert("hogehoge");
  }).
  toString().replace(/function\s*\(\)\{/, "").
　replace(/}$/,"").trim()
);

functionオブジェクトは、toStringメソッドがあり、これを呼び出せばコードの内容含めて文字列で出力してくれるようなので、これを用いた。

あとは"function(){"と最後の"}"と余分な空白除去してあげれば、webviewで動くjavascriptコードにはなるという寸法

これで複数行のコードをwebviewで実行させるときでも一安心