wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

瀏覽器開發者工具

Total questions: 5

Worksheet time: 3mins

Name
Class
Date
1.

關於打開開發者工具DevTools介面的方法,哪個錯誤?

a)

在Windows系統中可以按下Control + Shift + I

b)

在Mac系統中可以按下F12

c)

在Mac系統中可以按下Command + Option + I

d)

Mac和Windows都能透過「右鍵→檢查 」來打開工具介面

2.

在使用 Chrome DevTools 時,該在哪個面板中查看網路請求的結果?

a)

Console

b)

Network

c)

Elements

d)

Sources

3.

在使用 Chrome DevTools 時,該在哪個面板中查看JavaScript相關的錯誤?

a)

Network

b)

Elements

c)

Application

d)

Console

4.

關於常見的HTTP狀態碼,以下何者描述「錯誤」?

a)

200:OK

b)

404:Not Found

c)

777:Jackpot

d)

500:Internal Server Error

5.

關於開發者工具的描述何者正確?

a)

我們可以利用開發者工具所提供的「裝置模式」協助我們模擬網頁在不同裝置上瀏覽時的模樣

b)

「裝置模式」下模擬的尺寸只能選擇預設既有選項,不能隨意設定

c)

透過模擬裝置的設置可以模擬各種裝置的運算效能和網速,包含較慢的網速或較快的網速

d)

使用開發者工具可以協助我們檢視網站的Html, CSS, Java 等內容