摘要:若是你按着前面的說明一步一步操做過來的話,應該已是不止一次的進入過【編輯界面】了。可是卻沒有真正的手寫過一行腳本。下面咱們就來手寫咱們的第一個點點腳本,Hello Jianjian. javascript
要想寫腳本,首先得進入【編輯界面】, 這裏咱們從【主界面】點擊【新建】按鈕進入。進入後,在編輯框內,輸入以下代碼 html
精靈點點簡明教程7 -- 自建窗體debug
若是你按着前面的說明一步一步操做過來的話,應該已是不止一次的進入過【編輯界面】了。可是卻沒有真正的手寫過一行腳本。下面咱們就來手寫咱們的第一個點點腳本,Hello Jianjian. 調試
要想寫腳本,首先得進入【編輯界面】,這裏咱們從【主界面】點擊【新建】按鈕進入。進入後,在編輯框內,輸入以下代碼
alert('Hello JianJian');
而後點擊調試,看看是什麼效果?是否是彈出了一個提示文字爲「Hello JianJian」的對話框。
是否是有點小興奮,終於憑手打代碼就運行出了效果,固然這個太過簡單,下面咱們來複雜一點的。
var a = 1 ; if(a==1){ alert('Hello JianJian'); } else { for(var i=0;i<2;i++){ debug('aa'); } var ii = 0; while(ii<2){ info('bb'); ii++; } }
是否是有點眼熟,是的這就是JS語法,只要你熟悉JS語法,寫點點腳本幾乎是零學習成本,只須記住一些點點的內置函數便可
點點支持的函數請參考的【點點API速查】以及【點點底層API速查】
JS語法,能夠參考網上的教程,不少,這裏不做詳細介紹了 。
在主界面【操做區】點擊【新建】。
在主界面【腳本列表與操做區】點擊 【編輯腳本】 按鈕
在主界面【操做區】點擊【錄製】,當停止錄製時均可以進入【腳本編輯與調試界面】
界面以下:
編輯功能目錄支持的比較少,主要就是語法着色,自動縮進功能,暫時不做詳細介紹。
下面詳細說說調試功能,調試功能的使用方法和其它的IDE基本相同。
首先在須要的地方打斷點,打斷點的方法就是在編輯區域左邊灰色區域點擊,打完斷點後,界面以下。
而後點擊調試按鈕。程序運行後,會中斷在第三行,中斷時的界面以下。
此時能夠命令時輸入"a",而後回車。再輸入"d"而後回車。此時界面以下:
能夠看到,已經輸出了"a"的值爲"1".而"d"的值爲"undefined".這是由於。目前中斷了第三行,只執行了三行的代碼。因此"a"的值出來了,但"d"的值沒有出來。
此時
若是想【取消斷點】直接在紅點處再點一下便可。
固然有些場景斷點調試並非很方便,因此咱們也封裝了一些調試函數。
分別是
debug(msg); info(msg); warning(msg); error(msg); fatal(msg);
debug('this is debug message'); info('this is info message'); warn('this is warn message'); error('this is error message'); fatal('this is fatal message');
執行的結果以下:
默認狀況的調試級別是【INFO】,因此只顯示了【INFO】以上的級別,而【DEBUG】級別的沒有顯示出來。若是想顯示出來【DEBUG】 級別的信息,只須在上面的代碼以前加上一句
setDebugLevel(DEBUG);
便可。
【調試信息】在【編輯頁面(調試界面)】會根據級別將相應的信息輸出到命令行窗口中去。在【運行模式】(在主界面點擊運行)目前直接忽略