1

最近、クライアント (学校) が生徒に成績を表示するためのアプリを構築するように依頼したため、データベースなどを読み取る html テーブルで成績を表示するのは非常に簡単です。

しかし、セキュリティ上の問題が 1 つあります。

$("table tr td").each(function(index, item){ $(item).text("A++") });

そしてvoila、ブラウザ画面を変更して、両親とあなたのガールフレンドと一緒に自由に行くことができることを簡単に示します。

Google コンソールまたは firefox firebug を使用すると、HTML を変更して、さまざまな成績を取得したように表示できます。彼らは最後に、実際の成績に対して運命に直面することを知っています。しかし、その間に時間を稼ぎます笑。

したがって、基本的にはグレードを画像にレンダリングするというアイデアを思いつきましたが、それはデザインの観点、保守性、アクセシビリティなどからクールではありません.

これはサーバーから解決する問題だと思いますが、ちょっとしたチャンス (リモートチャンス) のために、DOM 要素を凍結し、それらに対するあらゆる種類のアクションを拒否する方法ですか?, または、この問題を解決するための素晴らしいアイデアはありますか?ボックス？

前もって感謝します..

4

2 に答える 2

1

コリンクの答えは良いです。実用的なコーディングの答えとしては、いつでも DOM を操作できるので、友好的ではありませんが、イメージ アプローチを実行できます。非常に多くのグレードと非常に多くの画像しかないため、それほど多くのリソースを消費することはありません.

ただし、画像に認識できない名前を付ける必要があります。そうしないと、子供が画像の名前を変更するだけで、元の場所に戻る可能性があります。

別の考えられるアイデアは、HTML 5 キャンバスを調べることです。直接編集するのは簡単ではありませんが、多くのことができます。

于 2013-07-12T19:45:26.713 に答える