2017-05-16 1 views
1

webpageテンプレートは、エンドポイントから取得したjsonデータを介してデータを読み込みます。 私はレストAPIと角度フロントエンドを持っています。 Angularアプリは、Chrome Developer Toolsの[Network]タブに表示される残りのAPIからのデータからテンプレートを生成します。Jsonデータをクロムのネットワークタブに入力して変更したり、ウェブページの変更を確認する方法はありますか?

[ネットワーク]タブの[残りのデータ]を変更して、Webページで発生した変更を確認する方法はありますか。 これは可能ですか、それは愚かな質問に聞こえるかもしれませんが、バックエンドチームとフロントエンドチームの間に多くのやりとりがなければ、これは非常に特殊なツールになるかもしれません。

私はそれを正しく説明できるようにしていますが、これは私が私と一緒に感謝

ネットワークタブ内のデータの種類のちょうどスクリーンショットをご負担ください編集ことができる最高だった場合、私は非常にわかりません。 Sample Data Network Tab

+0

クロムでは不可能な場合は、ブラウザに渡す前に、フィンドラーを使用して応答を改ざんすることができます。 – Filburt

+0

どうすれば同じ概要を知ってもいいですか?私は同じWebページでdiff応答を使用したいのですが – Rahul

+0

私は最近このブログを見つけました[あなたにスーパーパワーを与えるツール - パート1](http://develop1.net /public/post/Fiddler2-The-tool-that-gives-you-Superpowers-Part-1.aspx)あなたの手段としてどのように使用するかを知ることができます。 – Filburt

答えて

0

クロムのネットワークタブからはできません。たとえば、BurpSuiteを使用する必要があります。デフォルトはKali linuxで利用可能です。これにより、http要求と応答を傍受し、ペイロードを変更することができます。 ここから入手できます:https://portswigger.net/burp/

0

いいえ、他の情報源と同じようにXHRデータを変更することはできません。私がやっているのは、ローカルドライブにファイルをコピーして一時的にソースを変更するだけです。私はPostmanを使ってAPIからの応答をテストします。それはかなり素晴らしいです。

私はあなたが少しでも恐れていると言わざるを得ません。クライアント側から外部APIからサービスを利用するのは良い考えではありません。あなたのAPIキーとパスワードは、そのクライアントサイドのコードのどこかでぶら下がっていますか?

関連する問題