開発者ツールを使ってHTMLを書き換えるのは簡単にできます。スクリーンショットを撮る時に余計な要素を消したり、文字を書き換えてしまうことだってできます。通常は自分の見ている範囲でしか使えませんが、悪用することもできます。 例えばフォームの書き換えが考えられます。送れないはずのデータを送りつけることもできるでしょう。そうしたイタズラから自分のサイトを守れるのがjQuery-lockです。

jQuery-lockの使い方

ロックした要素です。

編集しようとしますが、元に戻ってしまいます。

jQuery-lockは元々のコンテンツを覚えておき、書き換わったタイミングで元に戻しているのだと思われます。ユーザに編集されなくないというサイトもあると思いますので、そういう時に使えるでしょう。

jQuery-lockはjQuery/JavaScript製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。

jQuery-lock by Cnova Cnova/jquery-lock: jQuery Lock Plugin