File tree 2 files changed +8
-8
lines changed
2 files changed +8
-8
lines changed Original file line number Diff line number Diff line change @@ -70,7 +70,7 @@ JavaScript 的能力很大一部分取決於執行它的環境。例如 [Node.js
70
70
JavaScript 有些方法可與相機、麥克風或其他裝置互動,但都需要使用者明確地授權。所以啟用 JavaScript 的網頁不會偷偷開啟相機觀察周遭並傳資料給 [ 美國國家安全局 (NSA)] ( https://en.wikipedia.org/wiki/National_Security_Agency ) 。
71
71
- 不同的瀏覽器分頁/視窗基本上不知道彼此,但有時例外,例如:當一個視窗使用 JavaScript 開啟另一個視窗時。但就算如此,開啟不同網站 (不同域名、通訊協定或埠) 的頁面,其中的 JavaScript 亦無法溝通。
72
72
73
- 這被稱為 "同源政策" (Same Origin Policy)。為了解決它,* 兩個頁面* 都必須同意資料交換和包含一隻特殊的 JavaScript 程式來處理這件事 。我們的教程將會包含這部分。
73
+ 這被稱為 "同源政策" (Same Origin Policy)。為了解決它,* 兩個頁面* 都必須同意資料交換和包含一隻特殊的 JavaScript 程式碼來處理這件事 。我們的教程將會包含這部分。
74
74
75
75
再次強調,這個限制是為了使用者的資安考量。一個使用者從 ` http://anysite.com ` 打開的頁面不該能存取另一個瀏覽器分頁 ` http://gmail.com ` 內的資訊。
76
76
- JavaScript 可以簡單地經由網路與目前頁面來源的伺服器溝通。但它從別的網站/域名接收資料的能力受到限制。儘管可以也需要遠端明確地授權 (在 HTTP headers 中)。再一次強調,這是為了資安而限制。
@@ -106,7 +106,7 @@ JavaScript 的語法並不符合每個人的要求,不同人想要不同功能
106
106
107
107
例如這些語言:
108
108
109
- - [ CoffeeScript] ( http://coffeescript.org/ ) 是組 JavaScript 的"語法糖"。它有更簡短的語法,可以讓我們寫出更清楚且精確的程式 ,通常 Ruby 開發者愛用。
109
+ - [ CoffeeScript] ( http://coffeescript.org/ ) 是組 JavaScript 的"語法糖"。它有更簡短的語法,可以讓我們寫出更清楚且精確的程式碼 ,通常 Ruby 開發者愛用。
110
110
- [ TypeScript] ( http://www.typescriptlang.org/ ) 致力於增加 "強型態確認 (strict data typing)" 來簡化開發與支援複雜的系統,為微軟所開發。
111
111
- [ Flow] ( http://flow.org/ ) 同樣增加型態確認但使用不同方式,為臉書所開發。
112
112
- [ Dart] ( https://www.dartlang.org/ ) 是一種擁有自己引擎的獨立語言,它執行在非瀏覽器環境上 (像是手機應用程式),但也可以轉譯成 JavaScript,為谷歌所開發。
Original file line number Diff line number Diff line change 1
1
# 開發者控制台
2
2
3
- 程式容易產生錯誤。你將可能也會寫出錯誤程式 ... 喔,我在說什麼?只要你是正常人類,你將 * 一定會* 寫出錯誤程式,除非你是 [ 機器人 (robot)] ( https://en.wikipedia.org/wiki/Bender_(Futurama) ) 。
3
+ 程式碼容易產生錯誤。你也將可能寫出錯誤程式 ... 喔,我在說什麼?只要你是正常人類,你將 * 一定會* 寫出錯誤程式,除非你是 [ 機器人 (robot)] ( https://en.wikipedia.org/wiki/Bender_(Futurama) ) 。
4
4
5
- 但瀏覽器之中,使用者預設看不到錯誤。所以腳本若有錯,我們看不到什麼壞了且無從修正 。
5
+ 但瀏覽器之中,使用者預設看不到錯誤。所以腳本若有錯,我們看不到是什麼壞了且無從修正 。
6
6
7
- 為了看到腳本的錯誤和其他許多有用訊息 ,"開發者工具" 被內嵌於瀏覽器中 。
7
+ 為了看到腳本的錯誤和其他較多有用訊息 ,"開發者工具" 被內嵌於瀏覽器之中 。
8
8
9
- 大部分開發者傾向用 Chrome 或 Firefox 開發,因為它們有最佳的開發者工具。其他瀏覽器也提供開發者工具,有時候甚至有特殊功能 ,但通常這些瀏覽器都還在 "趕上" Chrome 或 Firefox。所以大多數的開發者會有自己 "最喜歡" 的瀏覽器,然後在問題只發生在特定瀏覽器上時才切換 。
9
+ 大部分開發者傾向用 Chrome 或 Firefox 開發,因為它們擁有最佳的開發者工具。其他瀏覽器也有提供開發者工具,有時甚至有特殊功能 ,但通常這些瀏覽器都還在 "趕上" Chrome 或 Firefox。所以大多數的開發者會有自己 "最喜歡" 的瀏覽器,然後在問題只發生在特定瀏覽器上時才切換過去 。
10
10
11
11
開發者工具強大且有很多功能。一開始我們將學習如果開啟它們、查看錯誤並執行 JavaScript 指令。
12
12
@@ -50,9 +50,9 @@ Safari (Mac 瀏覽器,Windows/Linux 不支援) 有點不太一樣,我們需
50
50
現在 ` key:Cmd+Opt+C ` 可以開啟控制台。同樣地,注意最上方出現一個新的選單名為 "開發 (Develop)",有著許多指令與選項。
51
51
52
52
``` smart header="輸入多行"
53
- 通常當我們輸入一行程式到控制台並按下 `key:Enter`,它就執行了。
53
+ 通常當我們輸入一行程式碼到控制台並按下 `key:Enter`,它就執行了。
54
54
55
- 要插入多行程式,按下 `key:Shift+Enter`,這樣就可以輸入長片段的 JavaScript 程式 。
55
+ 要插入多行程式,按下 `key:Shift+Enter`,這樣就可以輸入長片段的 JavaScript 程式碼 。
56
56
```
57
57
58
58
## 總結
You can’t perform that action at this time.
0 commit comments