クライアントとサーバーの境界を見つける方法

通常、テスターはフィールドの境界をどのように探しますか？ TKに制限がある場合は、それらをテストします。そして、そうでなければ？下の境界線ですべてが明確です-それは空のフィールドです。トップを見つけるには？大きな行を挿入して、保存されている文字数を確認します。これですべてです...



しかし、クライアント/サーバーアプリケーションがある場合、開発者は各リンクに境界を設定できます。







そしてテスターはそれらすべてをチェックしなければなりません。どうして？同じ値を異なる場所で何度も複製すると、間違っている可能性が非常に高くなるためです。同時に、クライアントの境界線は簡単に削除できます。ユーザーがクライアントの境界を移動するとどうなりますか？彼は私たちのサイトを大きなラインで壊しますか？



この記事では、Webフォームでフィールドの境界線を見つける方法を紹介します。たとえば、ユーザー編集フォームを見てみましょう無料のユーザーシステム。

コンテンツ

• 1.クライアントのボーダー
  
  
  • 最大長
  • JSコンソールのエラー
  • 行動変化
  • クライアントの総ボーダー
• 2.サーバーの境界
• 3.データベースの境界
• 合計：境界を見つけるためのチェックリスト

1.クライアントのボーダー

最大長

クライアントの行の長さの制限は、フィールドのmaxlengthパラメーターで規定されています。



それを見つけるには、次のものが必要です。

1. 開発者パネルを開きます-f12を押します。
2. 左端のボタンを押して、ページ上の要素の上にカーソルを移動します。

出来上がり！フィールド「name1」には、10文字の制限があります。







参照：

テスターが開発者パネルについて知っておくべきこと



制限の確認-10文字以上の入力を試みます。しかし、正確に10が導入され、それ以上は与えられません。キーボードで入力すると、システムが応答しなく







なります。これが境界です。国境はクライアントにあります。



しかし、これはあなたがこれのために落ち着く必要があることを意味しません。クライアントのボーダーは非常に簡単に削除できるため、サーバーも確認することが重要です。また、テスターとして、サーバーが保護されているかどうかを確認する必要があります。



したがって、ボーダーを削除します。これを行うには、DOMモデル（インスペクターで検索したページの構造）の右側で、パラメーターを使用して行を修正します。はい、変化しています。 maxlengthパラメータをダブルクリックして、値を変更します。出来上がり！以前よりも多くの文字を入力できるようになりました！







注意してください-ページを更新せずに文字をすぐに入力できます。さらに、ページを更新すると、変更が失われます。結局のところ、ページを更新すると、サーバーからHTMLコードが要求され、そこに変更はありません。だから、好きなだけプレイして、何かを壊すことを恐れないでください=）



原則として、サーバーの境界を確認するには、最初に値を10から1000に変更できます。または、パラメータを完全に削除します。選択して削除！







インスペクターでアイテムを見つけると、maxlength以外の数値が表示されます。たとえば、"data-max"や"data-jsmax"など。それらは境界と見なすことができますか？コードを読んでその意味を見つけることができる場合のみ。



開発者はHTMLを好きなように書くことができます。彼はタグの属性を任意の名前で指定できます。これがなんらかの国境になるというのは決して事実ではありません。



これは「レガシー」要素にすることができます。つまり、処理も使用もされません。削除するのを忘れました。または、CSSに使用することもできます。「そのような値がある場合は白で、それがある場合は黒で書いてください。」



そしてここにmaxlengthがあります標準属性です。そして、設定されている場合、ユーザーを制限します-ユーザーは、maxlengthで指定された数より多くの文字を入力フィールドに入力できません。これが境界です。



そして、他のすべて-それが何らかの形で私たちを制限するかどうかを確認する必要があります。確認方法は？コンソールをオンにしてください！

JSコンソールのエラー

Webをテストするときは、必ずコンソールを有効にしてください。

F12→コンソール

そして、彼女を私の目の隅から見てください。それ以外の場合は、エラーをスキップできます。



システムで問題が発生することはありません。インターフェース自体は何も変わりません。フィールドにデータを入力しますか？赤で強調表示されているものはありませんが、コンソールにエラーが表示されます。ボタンを押していますか？レポートを読み込んでいますが、すべて問題ないようですが、コンソールにエラーがあります。



コンソールにエラーが表示された場合、これは正常ではありません。そしてこれは扱われなければならない。エラーの影響が遅れるか、その症状に気づかなかった可能性があります。たとえば、レポートをロードするときに、コンソールに書き込んだデータをロードできなかったため、1つのセルが誤ってカウントされました。同時に、レポートが読み込まれ、内部にデータがあるように見えます。しかし、間違いがあります。



したがって、コンソールを開いて、ユーザーフィールドに入力します。たとえば、データを「ハムスター」フィールドに入力します。クライアントの境界線（maxlength）を削除して印刷しました。そして、コンソールにエラーが表示されたことがわかります！







開発者がフィールドをさらに保護していることがわかります。 maxlengthに加えて、コードに制限を書きました。おそらく、ユーザーが何かが間違っていることをユーザーが確認できるように、このメッセージがインターフェースに表示されているはずですが、開発者は混乱してそれをコンソールに出力しました。



ユーザーの場合、開発者は何も混乱させず、TKに従ってコンソールにそのようなメッセージを表示する必要がありました。



しかし、国境はどこですか？エラーメッセージ「Maximum-10」で判断。したがって、境界線は10文字です。はい？いちじくじゃない！境界は、システムの動作の前（エラーなし）と次の動作がある場合です。







エラーメッセージもコードです。これもテストする必要があります。開発者は間違いを犯し、メッセージを誤って書き込む可能性があります。それでは、入力に対するシステムの応答が変化する場所を確認しましょう。



コンソールを見て、文字をゆっくり入力し始めます。

• 10-エラーなし
• 11-エラーなし
• 12は間違いです！

ええ、それはJSによる境界線が10ではなく11文字であることを意味します！11日まではすべて問題なく、その後は間違いが次第に発生し始めます。そして、エラーメッセージは嘘であることが判明しました。したがって、「信頼するが検証する」=）



これもクライアントの境界です。したがって、ハムスターのフィールドには、クライアントに2つの境界があります。

1. maxlength = 10文字
2. js = 11文字

しかし、フィールド「名前1」では、クライアントの1つの境界線：maxlength = 10文字。文字を入力するときにコンソールにエラーはありません。

行動変化

境界は、エラーがコンソールに注がれるときだけではないことをもう一度強調したいと思います。また、ユーザーに表示されるシステム動作の変更になる場合もあります。



たとえば、アナリストは名前が3文字以上であることを決定しました。したがって、ユーザーが名前のあるフィールドにカーソルを置くと、その周りに赤いフレームが表示され、下部に「名前は3文字以上にする必要があります」というキャプションが表示されます。1〜2文字入力しましたが、何も変わっていません。入力3-署名のあるフレームが消えました。または、フレームが赤から緑に変わりました。





ユーザーにはそのような境界はないので、私はインターネットから写真を撮っただけです=）



これは、TORに従って確立された下限です。そしてクライアントで作られました。同様に、上部の境界線を調整できます。10文字以上入力しましたか？フィールドの周りに赤い枠が表示されます。これも国境です。

クライアントの総ボーダー

クライアントの境界線は、文字入力フィールドの「maxlength」属性の値です。この値を超えて入力することはできません。システムはこれを許可しません。





この制限は、開発者パネル- すべてのフォームフィールドからmaxlengthを削除する方法で簡単に取り除くことができます。



これが唯一の境界ではないかもしれません。開発者は、コードに境界線を書き込むこともできます。それを見つけるために、私たちはシステムに従います。彼女が彼女の行動を変えるならば、我々は境界を見つけました：

• 記号を入力すると、フィールドに赤い枠と「長すぎる」という署名があります-枠！「maxlength」に加えて、開発者はチェックを追加しました
• 文字を入力すると、エラーがコンソールに表示されます-境界線も！

2.サーバーの境界

サーバーの境界は、システムに格納できる文字数です。理論的には、クライアントの境界と一致する必要があります=）しかし、何かが起こる可能性があります。 1つの値を別の場所に書き込む必要がある場合、常に間違いをする可能性があります。



クライアントの境界線は簡単に回避できるため、テスト中に必ずこれを行う必要があります。そして、サーバーに境界があるかどうかを確認します。そして、もしそうなら、どれか。



ユーザーのmaxlength = 10制限を「name1」フィールドから削除し、そこに長い文字列を入力して保存してみましょう。保存時に、システムはエラーを出します：







これはサーバーの境界です。クライアントはリクエストをサーバーに送信し、サーバーはそれを解決してフィードバックを返しました。



国境がどこにあるかを理解することは残っています。もちろん、このエラーメッセージは、「実際：37、最大：9」の助けになります。... 理論的には、サーバーには9文字の制限があります。しかし、これはチェックする必要があることはすでに知っています！



私たちはチェックします：

• 9文字を入力して保存-保存！
• 10文字を入力-保存。
• 11文字を入力-保存中のエラー。

つまり、サーバー上の実際の境界線は10文字です。クライアントの境界線と一致します。それは良いことです。



ハムスターのフィールドを確認してみましょう。







ああ、ここでは国境が違います。メッセージ19では、嘘をついていることを覚えています。チェックします-ボーダーは20文字です。クライアントでは、maxlengthで10でした。したがって、境界は異なります。



一般的に、境界が一致する必要があるため、これがバグを投稿する理由です。確かに、これは「修正しない」として閉じることができ、もう少し節約できます。開発者が他の方法で間違っている場合、それはさらに悪化します。

• サーバー-10文字
• クライアント-20文字

その結果、クライアントでは20文字を入力できますが、保存するとエラーが発生します。良くない！



「適切な」限界内の上限を確認した後、技術的な境界を探す価値があります。クライアントの制限を取り除き、数百万文字を導入しました。これはとても簡単です。「大きな文字列を生成する方法、ツール」の記事から任意のツールを取り出し、置き換え、保存します。



システムが以前とまったく同じエラーを出した場合、約。これは、技術的な境界線がないことを意味します。まあ、それはいいです。主なことは、検索しようとしたことです=）



なぜこれを行う必要があるのですか？システムはデータを保存できるだけでなく、なんらかの方法で前処理できるためです。状態などで確認してください。そして、システムは小さなラインをマスターしますが、もはや巨大なラインではありません。



以下も参照してください。

法人のヒントの技術的境界 -1000文字を入力しても何も起こりませんが、「戦争と平和」の場合は...

3.データベース内の境界

データベースの境界は、データベースに適合する文字数です。ベースを作成するとき、各フィールドの次元を示します。ここに人々からの例があります：

• 姓-VARCHAR（255）
• 名前-VARCHAR（100）
• 市-VARCHAR（20）

これは、フィールド「姓」に、255文字、名前100、および都市-20を格納できることを意味します。そこでより大きな文字列をプッシュしようとすると、システムはシリーズ「ORA-06502：PL / SQL：数値または値のエラー」からエラーを生成します：文字列バッファが小さすぎます。



サーバーにボーダーがない場合にのみデータベースのボーダーが表示されることを理解することが重要です。境界線の検索パスは変更されません。

1. クライアントのボーダーを削除しました
2. 大きな線を詰めた
3. 保存しようとしています

したがって、開発者がサーバーに境界線を設定した場合、処理されたエラーが表示されます-非常に意味のあるテキストで美しく（またはそうではない）レンダリングされます。開発者がそれを書いて、それが私たちのアプリケーションに関するものだからです。







サーバーに境界線がない場合は、未処理のエラーが表示されます。「ORA-06502：..」のようなエラー、またはコードストリームトレース-通常のユーザーには理解できない文字の束である可能性があります。







もちろん、別の状況が発生する可能性があります-境界線がデータベースよりサーバーの方が大きい場合：

• サーバー-20文字
• DB-10文字

そして、それは面白い状況であることが判明しました。はい、私たちは「戦争と平和」の挿入から身を守ってきました。25文字または2500万文字を入力すると、意味のあるエラーが発生します。しかし、11文字入力すると、ああ！全画面表示で大きくて怖いスタックトレース。



したがって、ブラックボックスをテストするときは、一度にたくさんの文字を把握しようとしないでください。最初に意味のある意味を試してください。また、クライアントの制限を削除した場合は、その境界値を試す価値があります。maxlength = 10でしたか？11文字を試してください。そして5500万、そして5500万。

合計：境界を見つけるためのチェックリスト

クライアント/サーバーアプリケーションでは、各リンクに境界を設定できます。そして、理想的には一致する必要があります。しかし、私たちはそれをチェックする必要があります！







より多くの境界があるかもしれません。クライアントでは、開発者はいくつかの境界を一度に課すことができます：maxlengthと、特定のライン（jsコード）を越えるときの動作の変更。



境界線が少ない可能性があります。シリーズ「ユーザーに愚かさを入れさせない」から、その結果、クライアントとサーバーに制限はありません。しかし、データベース内のフィールドの次元は残ります。



境界を見つける方法：



1.フィールドにmaxlengthがあるかどうかを確認します-これはクライアントで最も明白な境界です。



2. この制限を削除します。



3. JSコンソールを有効にします（それなしでどこに行くことができますか？）。



4.各フィールドに約50〜100人のキャラクターを配置し始めます。ファローアップ：

• — ?
• — ?

システムの動作が変化した場合、またはコンソールにエラーが表示された場合、これはクライアントの境界でもあります。しかし、もう1つはjsコードです。



5.これらの50〜100文字を保存してみます。これは、サーバー上および/またはデータベース内の境界を探す方法です。



システムが「フィールドが長すぎます」などの意味のあるエラーを生成する場合-これはサーバーのエラーです。エラーが処理されない場合は、サーバーに境界線がなく、データベースで境界線を見つけた可能性があります。



二分割法を使用して、境界線の正確な値を見つけることができます。まあ、またはエラーメッセージのログ/テキストを使用します。



6. 1億個のシンボル（ツール）を導入し、それらを保存して技術的フロンティアを見つけようとします。



この記事では、このチェックリストを使用して、ユーザーシステムの「name1」フィールドと「hamster」フィールドを確認しました。結果：



Name1フィールド：

• maxlength-10文字
• サーバー-10文字

ハムスターフィールド：

• maxlength-10文字
• js-11文字
• サーバー-20文字

すべてが名前に適しています。境界は一致しています。しかし、「ハムスター」を調べたところ、クライアントとサーバーの境界（10と20）の違いとコンソールのエラーの2つの問題が一度に見つかりました。バグを投稿できます！