阪神間を中心にPCに関するサポートを行っています。

JavaScriptの隠蔽

ソースを見せたくない

・一生懸命考えたコードをコピーされたくない
・コードが汚くて見られると恥ずかしい

等々のいろいろな理由でJavaScriptのコードを見られたくないと思われた方は多いはず。
そういう私自身もそう思っていろいろ試してみました。
検索するとたくさんのページが出てきますが、書かれてることは大体同じで100%はないとのこと。

最近のブラウザはF12を押すことで「現在のページのソース」が見れてしまいます。
後付でファイルを読み込んでもそのソースが見れてしまうのです。
それでも、PCにあまり詳しくない人には見られ難くはなるのですが、本当に隠したい相手は詳しい人だと思いますのであまり意味がありません。

そこでいろいろ考えた結果が次のような手法でした。

1.本命のJavaScriptの記載されたファイルを読み込みための関数のみ設置
2.onLoadのイベントで本命のJavaScriptを読み込む(DIV等の適当なタグの下に挿入)
ただこれだと殆どのブラウザで読み込んだコードを確認できてしまいます。
3.本命の関数をオブジェクト化する。
4.2で読み込んだエリアを消去する。
5.イベントで関数を呼び出すときは、オブジェクト名.関数で呼び出す。
これでブラウザでのソース確認ができなくなってるはずです。
別の何かを使えば見れるのかもしれませんが、主要4ブラウザでは確認できなくなってました。
ただし、これでも2で呼び出すコードを直接URLとして表示させれば見えてしまいます。
6.2で読み込むファイルをPHPファイルとし、指定URLからの呼び出し時以外にはJavaScriptのコードを吐き出さないようにする。

これで直接ファイル指定しても見れないはずなのです。
それでも何か方法があるのかもしれませんが、私程度の開発者の目から逃れるくらいにはなるのではないでしょうか?

サンプルページを作っています。
本体のコード自体は単純なもので隠す必要もないものですが、何かしらの方法で見ることができればその方法を教えていただければと思います。
今後の参考にさせていただきたいと思います。

(ブラウザのバージョンアップに伴い、当記事を記載したときには見れなかったものが見れる様になりました。ページ自体の削除は行いませんが上記方法では隠蔽できませんのでご理解ください)

PAGETOP
Copyright © パソコン110番