ウェブ家の備忘録

ウェブデザイナーの備忘録

ホームページのソースコードをJavaScriptで秘匿化

 下記のHTMLをほぼ秘匿化するものを作ります。


<h1>aaa</h1>


 私が作ったもの。

 


index.html 
---
<html>
<head>
  <script type="text/javascript" src="jQuery.js"></script>
</head>
<body></body>
</html>
---


jQuery.js
下記の内容を難読化して格納する。難読化に用いるサイトは右記。https://obfuscator.io/ 
---
function o(txt){document.write(txt);}
function h1(){document.write('<h1>');} 
function h10(){document.write('</h1>');} 
h1();o('aaa');h10();
---


難読化されたソースコード。 
---
var _0x2681=['<h1>','write','</h1>'];(function(_0x179d9e,_0x26818b){var _0x36f584=function(_0x63b4f5){while(--_0x63b4f5){_0x179d9e['push'](_0x179d9e['shift']());}};_0x36f584(++_0x26818b);}(_0x2681,0xc7));var _0x36f5=function(_0x179d9e,_0x26818b){_0x179d9e=_0x179d9e-0x0;var _0x36f584=_0x2681[_0x179d9e];return _0x36f584;};function o(_0x36b6c0){document[_0x36f5('0x0')](_0x36b6c0);}function h1(){document[_0x36f5('0x0')](_0x36f5('0x2'));}function h10(){document['write'](_0x36f5('0x1'));}h1();o('aaa');h10(); 
---

 要はJavaScriptでHTML書いて、分かり辛い名前の外部ファイルにして、難読化通しただけです。
 どこかでこういうソース読んだんですよね。どこだったか。

読もうとしてくる人にとって辛い点
・bodyに内容がない。
jQuery.jsはjQueryだと思ってしまい、HTMLが入ってるとは思わない。
jQuery.jsがHTMLだと気付いても難読化されてるんで読めない。

 今回obfuscatorで難読化されたものは末端のユーザー定義関数の雰囲気で内容が分かりますが(まあそこを読もうとする人はそんないないかもですが)、要は改行のないHTMLなので内容の規模が大きくなれば読むのが辛くなりますね。