朋友們，是不是在進(jìn)行前端開(kāi)發(fā)的時(shí)候經(jīng)常需要修改css和js代碼呢？
調(diào)試代碼時(shí)。代碼存儲(chǔ)庫(kù)不斷被修改？同一個(gè)腳本樣式文件n多人操作？移動(dòng)端調(diào)試時(shí)需要各種清理緩存……
這些問(wèn)題將會(huì)帶來(lái)各種各樣對(duì)前端開(kāi)發(fā)的不便。因此需要有一種本地化開(kāi)發(fā)的方法：本地直接進(jìn)行修改調(diào)試代碼，然后直接在PC端或移動(dòng)端測(cè)試運(yùn)行。如此這般，那調(diào)試代碼就簡(jiǎn)單快捷多了。有助于“選擇性的”提高工作效率哦。（為什么是有選擇性呢？比如下面說(shuō)的方法。因?yàn)檫@個(gè)方法肯定也是有局限性的。比如：非該局域網(wǎng)下的ip訪問(wèn)該頁(yè)面便加載不了樣式與腳本，除非你的本地服務(wù)器是支持廣域網(wǎng)的。所以你在本地調(diào)試完之后肯定還是要上傳到服務(wù)器上去的，因此一般只新的需求，新的代碼比較適合使用此方法，老的需求代碼都是修改的，就不好使用本地話修改了。）
這里說(shuō)下2種方法：一種是利用本地服務(wù)器，而另一種是利用有道云筆記。下期講第二種方法。
好，現(xiàn)在我們就來(lái)說(shuō)說(shuō)如何使用這種樣式腳本本地化來(lái)調(diào)試前端代碼吧。
1.下載本地服務(wù)器（這里提供一個(gè)個(gè)人常用的php服務(wù)器）
下載地址：http://pan.baidu.com/s/1qXDljgK （度娘盤(pán)）
安裝：隨你喜歡安裝在哪個(gè)盤(pán)都行。
安裝完成后，桌面會(huì)出現(xiàn)3個(gè)快捷方式：
PHP服務(wù)器 是服務(wù)器啟動(dòng)程序
phpwww 是前端文件存儲(chǔ)空間（這里我們用來(lái)存儲(chǔ)需要調(diào)試的css js文件就行）
mysqldata 是mysql本地?cái)?shù)據(jù)庫(kù)空間（這里我們就不用它了）
2.創(chuàng)建局域網(wǎng)本地服務(wù)器
首先我們啟動(dòng)PHP服務(wù)器吧。
1.這里我們選擇關(guān)閉
2.這里我們點(diǎn)擊開(kāi)始
3.一般推薦使用第三個(gè)“開(kāi)始&訪問(wèn)”的鏈接，這時(shí)便創(chuàng)建了一個(gè)本地的局域網(wǎng)服務(wù)器了。當(dāng)前自動(dòng)打開(kāi)的主頁(yè)就是剛剛搭建起來(lái)的本地服務(wù)器主頁(yè)。
也就是說(shuō)phpwww目錄中的index.php，就是當(dāng)前服務(wù)器的主頁(yè)。
比如：我現(xiàn)在的地址就是：http://192.168.0.101:50080/
3.創(chuàng)建局域網(wǎng)直鏈樣式腳本文件
在phpwww目錄中創(chuàng)建一個(gè)目錄，如js
進(jìn)入js目錄創(chuàng)建一個(gè)js文件，如new.js
然后保存代碼。
那么當(dāng)前腳本的絕對(duì)路徑地址便是：http://192.168.0.101:50080/js/new.js
4.在網(wǎng)絡(luò)項(xiàng)目中引入本地的調(diào)試樣式腳本文件
這里我們就試試引入這個(gè)本地腳本
在你的服務(wù)器頁(yè)面中的適當(dāng)位置加入代碼：
|
1
|
<script src="http://192.168.0.101:50080/js/new.js"></script>
|
頁(yè)面的代碼：
當(dāng)你執(zhí)行你搭建的網(wǎng)絡(luò)頁(yè)面時(shí)。瀏覽器便會(huì)載入你剛剛加入的這個(gè)文件
執(zhí)行效果：
瀏覽器載入的文檔列表
5.調(diào)試樣式腳本
如果你覺(jué)得樣式腳本有問(wèn)題，那你可以直接在本地的該文件中直接改，改完后直接Ctrl+S保存。然后刷新頁(yè)面即可
