Webapp和後端互動檢查測試

標籤：webapp   流量   name   是什麼   mic   head   屬性   contain   com   

除了功能，我們可以使用下面方法，查看互動過程，頁面不能發現的問題；

什麼是json什麼是json,json是什麼,json如何使用

JSON是一種取代XML的資料結構,和xml相比,它更小巧但描述能力卻不差,由於它的小巧所以網路傳輸資料將減少更多流量從而加快速度,

那麼,JSON到底是什麼?

JSON就是一串字串 只不過元素會使用特定的符號標註。

{} 雙括弧表示對象

[] 中括弧表示數組

"" 雙引號內是屬性或值

: 冒號表示後者是前者的值(這個值可以是字串、數字、也可以是另一個數組或對象)

所以 {"name": "Michael"} 可以理解為是一個包含name為Michael的對象

而[{"name": "Michael"},{"name": "Jerry"}]就表示包含兩個對象的數組

當然了,你也可以使用{"name":["Michael","Jerry"]}來簡化上面一部,這是一個擁有一個name數組的對象

ps:現在還有很多人存在一些誤區,為什麼{name:‘json‘}在檢驗時通過不了,

那是因為JSON官網最新規範規定

如果是字串,那不管是鍵或值最好都用雙引號引起來,所以上面的代碼就是{"name":"json"}

不要反駁,官網就是這麼定義的。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

１．Webapp和後端互動的對象查看（方法與工具）

使用ｃｈｒｏｍｅ－Ｆ１２開發ｔｏｏｌ

 ｉｎｐｕｔ１＋ｉｎｐｕｔ２就是帳號密碼，你可以使用小箭頭去識別這些控制項的名字，和ｓｅｌｅｕｉｍ定位方式一樣

 

 

 

比方部落格園登入系統

 

 

2． 如果擷取傳輸過程中的json對象以及如何查看

 

 

ｃｏｐｙ　ｖｉｅｗ　ｐａｒｓｅｄ下面的所有Ｊｓｏｎ後，這個網站把他整理核驗　　－如下

你就可以看到開發有沒有寫入過多的方法傳入－去浪費你的流量和向server請求資源的浪費；如果控制項沒有的或者多餘很多的一下就看出來的；這是前端ＵＩ功能點點的看不到！

https://www.bejson.com/

 

Webapp和後端互動檢查測試