[Script] 執行測試器

最近開始寫 html5 網頁,html5 只支援 JavaScript ,所以想要找套方便開發的 Script 整合除錯器。

JavaScript 熟悉度還很欠缺,所以最需要的就是一個可以立即做函數或物件單元測試的環境,從 VS2010 抓了一個

CoffeeScriptRun​nerVSPackage : http://visualstudiogallery.msdn.microsoft.com/0cc86917-7f3a-4646-9a29-de997fe1ba23

想說可以邊寫邊測… 結果怎樣都測都不會輸出到畫面上。

又抓了一個

devcoach EcmaScript Test Debugger : http://visualstudiogallery.msdn.microsoft.com/1833ccb2-49d7-4b79-ada7-845caafab714

把開發測試的 Javascript 改成 Run.tests.js ,還是不會出現他說的選單可以測…

上網搜尋 JavaScript 的開發除錯器,大概都要破百 MB 才有,大其實不是問題,但是有的還真難用,比如說 Adobe 的那個 brackets v32 還是得回去配合網頁,搞到最後,還是繞不開網頁…

最後還是想要甚麼自己搞。

自己開發一個網頁,分成程式碼區跟執行區,這樣應該比較方便。規劃上就用 document.write 把程式碼區的內容動態加入去跑。

阿勒?document.write 加入的 script 節區找不到移除的方法。翻遍網頁模型,都沒有 script 移除方式,script 最多允許動態加入,不允許動態移除。

不能動態移除怎樣搞邊寫邊測?最後只好放棄,回頭用 IE 內建的 ScriptControl 解決。當然,綁 IE ,綁 x86 … 測試網頁如下:

http://tlcheng.twbbs.org/TLCheng/Basic/vbs/IDE/Runner.htm

我只是要我覺得比較方便的開發測試方案,暫時就先這樣了。預設是秀一個 VBScript 範例,跑 VBScript ,因為我掛在 VBScript 介紹網頁下面…

當然我的目的是要測 JavaScript ,所以就放測試 JavaScript 的圖形進去。

由於用 ScriptControl 去跑,預設沒有載入網頁模型,我先把 window, document 兩物件丟進去,比較方便一般性測試。這個網頁除了背景圖、簡單的樣式外,是個獨立網頁,可直接下載回去用或修改,若覺得改的功能還不錯,歡迎在這篇回應分享自己改的連結。

Script 執行測試

Script 執行測試

Categories: 自用整理, 工作點滴, 技術分享 | 發表留言

文章導覽

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s

在WordPress.com寫網誌.

%d 位部落客按了讚: