如果 就是 ron 功能 專業 情況 正是 不同 用戶

基本上所有的瀏覽器都支持通過F12按鍵或是“查看元素”功能調出開發者工具，這本來是給專業的Web應用和網站開發人員使用的工具，但對於Web***測試同樣也非常重要。
不同類型的瀏覽器所使用的開發者工具也不盡相同，總體上可以分為Firefox和IE兩大類。比如360瀏覽器，默認情況下的極速模式所使用的是Firefox內核，因而按F12調出的就是Firefox的開發者工具。如果選擇兼容模式，則使用IE內核，F12就是IE的開發者工具。
對於Firefox瀏覽器，在開發者工具中最常用到的功能就是“查看器”和“控制臺”。
在“查看器”中可以看到網頁源代碼，而且通過它可以修改網頁上的內容，這是由於這部分代碼是在客戶端執行並實現相應功能的，屬於Web前端。但是“查看器”只能改變本地瀏覽器上的顯示內容，並不能更改服務器端的代碼。
在“控制臺”中可以直接運行調試某些Javascript代碼。

例題2：BugKu 計算器

點開鏈接之後，讓輸入驗證碼，但是只能輸入一位數。

接下來就很簡單了，通過Firefox開發者工具的查看器功能修改文本框長度。

正確輸入驗證碼之後，獲得flag。

例題3：forms
題目：http://www.shiyanbar.com/ctf/1819
打開題目中的頁面之後，在文本框中輸入任意值，顯示錯誤信息。

查看頁面源碼，會看到有一個類型為hidden的隱藏文本框，name為showsource。

通過Firefox開發者工具的查看器功能，將文本框類型改為text，使之在頁面顯示。

在這個文本框中輸入任意值，在頁面上會顯示出一段代碼，可以看出這段代碼正是來判斷用戶輸入的PIN碼是否正確。

將代碼中的PIN碼復制下來提交，獲得flag。

例題4：what a fuck!這是什麽鬼東西?
實驗吧 http://www.shiyanbar.com/ctf/56
打開網頁之後，是典型的jother編碼。

jother是一種運用在Javascript中的編碼，可以利用少量字符“!、+、(、)、[、]、{、}”就能完成對任意字符串的編碼。
既然是Javascript代碼，那麽就可以在開發者工具的控制臺中運行試試。將網頁內容全選，然後復制到控制臺中運行，

出來flag

HTTP協議（4）瀏覽器的使用之開發者工具