整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
近HTML5很火,而且大家都在用WebStorm開(kāi)發(fā)工具,但是有個(gè)問(wèn)題是我們寫JavaScript怎么像其他編輯器那樣進(jìn)行斷點(diǎn)調(diào)試呢,今天就帶大家來(lái)配置一下,讓你的WebStorm如同飛一般的感覺(jué)。
1.斷點(diǎn)調(diào)試需要瀏覽器添加支持的插件,以Chrome瀏覽器為例,如果怕麻煩的同學(xué)可以直接點(diǎn)擊下面的連接為Chrome添加插件
https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
ps:需要翻墻哦
2.如果你記不住的話,直接看圖
3.點(diǎn)擊獲取更多擴(kuò)展程序
4.搜索
JetBrains IDE Support
5.然后添加
6.接下來(lái)在你的Chrmoe的右上角就能看到一個(gè) JB了
7.然后配置 配置完成之后要點(diǎn)擊 Apply
8.接下來(lái)設(shè)置默認(rèn)瀏覽器為Chrome這一步很關(guān)鍵,因?yàn)檎{(diào)試的瀏覽器只會(huì)啟動(dòng)默認(rèn)瀏覽器
9.開(kāi)始調(diào)試
打開(kāi)webStrom,創(chuàng)建一份工程,寫javaScript代碼
注意這里調(diào)試的只是javaScript
10.點(diǎn)擊斷點(diǎn),在js代碼前面點(diǎn)擊,當(dāng)代碼執(zhí)行的時(shí)候就會(huì)在這里停下,下面的代碼就不執(zhí)行了
11.然后在這個(gè)工程的HTML文件上右鍵
12.接下來(lái)你就會(huì)看到斷點(diǎn)調(diào)試后的界面
更多精彩更多交流，請(qǐng)登錄bbs.520it.com。
HTML5已經(jīng)成為當(dāng)今世界的一個(gè)必然組成部分。由于World Wide Web萬(wàn)維網(wǎng)是使用超文本標(biāo)記語(yǔ)言來(lái)架構(gòu)和呈現(xiàn)的，于是HTML5成為了最流行的編程語(yǔ)言之一。隨著網(wǎng)絡(luò)的不斷擴(kuò)張，Web開(kāi)發(fā)人員非常有必要擁有最新的HTML5工具，用于創(chuàng)建動(dòng)態(tài)和交互式的Web應(yīng)用程序和網(wǎng)頁(yè)。下面這些就是你應(yīng)該熟悉且掌握的HTML5工具。跟著千鋒武漢HTML5培訓(xùn)小編一起看看吧！
1、Google Web Toolkit
Google Web Toolkit是現(xiàn)在大家還不熟悉的工具之一，主要用于開(kāi)發(fā)瀏覽器應(yīng)用的一個(gè)工具，不過(guò)庫(kù)中支持很多【HTML5】的功能，包括對(duì)客戶端，或者是web存儲(chǔ)的支持，都可以實(shí)現(xiàn)。
2、JetBrains WebStorm
大家需要?jiǎng)?chuàng)建HTML文檔時(shí)可獲得對(duì)【HTML5】文件的支持，現(xiàn)在的運(yùn)用很多，比如砍伐者鍵入，使用者可以在【chrome】瀏覽器中及時(shí)的預(yù)覽【HTML】的文檔很方便。
3、Visual Studio 2010 SP1
微軟的Visual Studio 2010 SP1中提供了IntelliSense這個(gè)項(xiàng)目，也就是說(shuō)追加了針對(duì)HTML5的一些元素，總體使用起來(lái)還是比較好的，但是我們要結(jié)合ddhu的一些實(shí)用工具。
4、Dojo Foundation Maqetta
Dojo Foundation Maqetta是一個(gè)不錯(cuò)的選擇，這款是工具是來(lái)自于IBM項(xiàng)目之一，Dojo Foundation Maqetta是為桌面和移動(dòng)設(shè)備開(kāi)發(fā)HTML5應(yīng)用的開(kāi)源工具，瀏覽器即可使用。
5、Sencha Touch2
Sencha Touch2是移動(dòng)應(yīng)用框架的一種，可以當(dāng)做一個(gè)重要Sencha的HTML5平臺(tái)，使用者可以用它開(kāi)發(fā)面向iOS進(jìn)行制作和使用，也可以Android和Blackberry、Kindle Fire使用。
6、Sencha
Sencha這款工具的主要定位是HTML5的可視化開(kāi)發(fā)研究，一般來(lái)說(shuō)開(kāi)發(fā)團(tuán)隊(duì)可以在一個(gè)任務(wù)，然后做一個(gè)集成的環(huán)境，然后在這個(gè)環(huán)境中完成應(yīng)用的設(shè)計(jì)和開(kāi)發(fā)，以及需要的部署。
7、Adobe ColdFusion
這款工具主要是用來(lái)開(kāi)發(fā)企業(yè)web程序的一個(gè)技術(shù)，通過(guò)websockets和互動(dòng)表單以及視頻等來(lái)做出HTML5技術(shù)，創(chuàng)建一種用戶體驗(yàn)。
8、Adobe Dreamweaver CS6
作為一個(gè)web端口的一種設(shè)計(jì)軟件，這款工具提供了對(duì)HTML網(wǎng)站和移動(dòng)程序的可視化編輯界面，整體來(lái)說(shuō)使用也是比較方便。
以上就是常見(jiàn)的一些HTML5開(kāi)發(fā)工具。要掌握如此之多的HTML5知識(shí)，光靠自學(xué)肯定是有難度的，可以考慮去HTML5培訓(xùn)機(jī)構(gòu)進(jìn)行學(xué)習(xí)。所以，趕快抓緊時(shí)間來(lái)學(xué)HTML5開(kāi)發(fā)吧，成為一名全棧型的HTML5前端開(kāi)發(fā)工程師！
頭號(hào)有新人##HTML5#
個(gè)人原創(chuàng)HTML5網(wǎng)頁(yè)，適合初學(xué)者和小白參考。
作品介紹
1.網(wǎng)頁(yè)作品簡(jiǎn)介方面 ：環(huán)境保護(hù)(8個(gè)頁(yè)面) 綠色自適應(yīng)環(huán)保設(shè)備公司網(wǎng)站模板。喜歡的可以下載，文章頁(yè)支持手機(jī)PC響應(yīng)式布局。主要有：網(wǎng)站首頁(yè) 新聞資訊 主營(yíng)業(yè)務(wù) 技術(shù)與方案 關(guān)于我們 聯(lián)系我們 登錄 注冊(cè)等總共8個(gè)頁(yè)面html下載。
2.網(wǎng)頁(yè)作品編輯方面：此作品為學(xué)生個(gè)人主頁(yè)網(wǎng)頁(yè)設(shè)計(jì)題材，代碼為簡(jiǎn)單學(xué)生水平 html+css 布局制作，作品下載后可使用任意HTML編輯軟件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有編輯器均可使用）
3.網(wǎng)頁(yè)作品技術(shù)方面：使用CSS制作了網(wǎng)頁(yè)背景圖、鼠標(biāo)經(jīng)過(guò)及選中導(dǎo)航變色效果、下劃線等。
首頁(yè)
新聞資訊
主營(yíng)業(yè)務(wù)
技術(shù)與方案
關(guān)于我們
聯(lián)系我們
登錄
注冊(cè)
代碼展示
部分代碼展示
部分代碼展示
部分代碼展示
看到這里了就 [點(diǎn)贊+關(guān)注+收藏] 三連 支持下吧，你的「點(diǎn)贊，關(guān)注，收藏」是我創(chuàng)作的動(dòng)力。
想要完整代碼請(qǐng)[點(diǎn)贊+關(guān)注]留言評(píng)論區(qū)。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
