vs 2005以後支援的 debug?
vs 2008以後的小紅點?
還是邊改邊存邊 refresh 頁面?
這邊提供個簡單且通用的測試方式
首先在頁面上佈置個 textbox、asp button、literal、input button (如下圖)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2duhihGQ9VMwN-OfsAP3B-W2OrUlzGegKb5Q6VDOHkLzMCLZqHDQSPXPCsWwLY25ogKzfFFrL-BXtSs3Rdx25NZhxK6Vf8DFW9mOhHGrSo7RAFkxL7PsOub5DdcTQJAtLkuOtTyrUJhtg/s400/jt1.png)
可以看到 input button 已加入 onclick 的 javascript 事件 test()
另外在按鈕的事件上加入下圖的 code
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ZjfGAEs58wSyojEKhjYcxB9I-Gs2UnWjA6QYV2vhcc3pqPbCfRE49wzUTXI67XB4DhJ8ucGZ577ZcQCzVw6W1_6GchPMBuhILboxAuC_uIGy3cdpipt7MVR-fGr22WRZwraiGsYRaH1z/s400/jt2.png)
這樣就完成簡單的測試器了
以後要測試頁面上的 javascript 就先把上述的控制項佈置到頁面上
或是利用 iframe 方式 將預先做好的測試頁放到頁面上
使用時直接在 TextBox 裡寫 javascript code
點選 "應用 javascript " 再選 "測試" 即可使用剛剛寫好的 javascript
下面是執行畫面
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIKM_4m6M324p9P8O92dbRJe1anD7uuktdvmYrB3ZBzRTmzlum9XiBVxrDpJqLYEf5440bdaBXBGTRQoLS6hXnWF0BN3Xqf6F-3Ibp7Ts7pM7fbQueJO46g_0_9NJLxNayc5PkvMEMLXVm/s400/jt3.png)
底下因為坎尼在頁面上加了 jQuery
所以可以看到 t2 是用 jQuery 的方式抓取物件
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBwMbiOmaVk6Fu5ScfxCAFzhOy2b_DHv5nrBznKM6BBmJVX6X9Jw9K972mD338vSVHhub5CsqS-Su0uBsiUPGs9ZqmDUBvaJIKrHQGP5zxUb5v6iEV9VqHJhOs9mWWWhEA-aprqD2Xv_FU/s400/jt4.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyuBpU-EjPF2MnOcT9lHcDKtCyE8tfdMnEtY-Wqd9TYsewZZFLGPaZIHMX0J4AvigVFW3Dfxz3IqSbtpYjIqEC_Dr7Ph0_Zs4eDOWiTkyTRJEgi9D-4CbB5fG1FhYp8x3ijGvJ68We0kYi/s400/jt5.png)
若打開頁面上的原始碼來看
可以看到 literal 控制項已經把輸入的 javascript 放到畫面上
並包在 test() 這個 function 裡
所以點選 "測試" button 時 就會去呼叫 test()
會做這個主要是坎尼最近在玩 iframe
結果一直抓不到 iframe 裡的物件 腦羞之下做了這個
後來發現 iframe 要用 contentWindow (IE) 去抓 囧興
上面有提到可以先將測試器做成一個測試頁
要用時再將頁面放到 iframe 裡去
坎尼比較建議這種方式
不過要注意的是 要抓取原本頁面上的物件時 記得先加上 parent
靈感來源 w3 schools
2 則留言:
現在新的主流 browser 通常都有內建 developer tool (e.g. IE8, chrome, FF 的 FireBug),針對 JS 的部分應該都有 Console 的功能,作用跟 VS 的即時運算視窗差不多,也可以輸入一段 JS Code 然後丟給 browser 執行,此時應該也可以直接存取頁面上 render 出來的所有元素 ...
你這不知民間疾苦的傢伙
很多人都還在用 ie6 ie7做 debug 啊XDDDD
(雖然不是我)
不過這篇題目的起因還真的是因為我同事 :p
看他用 夢的編織者 改完 js code 再儲存
然後再跑到 ie 按 f5 refresh 實在很累 :P
張貼留言