大家在 debug javascript 時都怎麼作呢?
vs 2005以後支援的 debug?
vs 2008以後的小紅點?
還是邊改邊存邊 refresh 頁面?
這邊提供個簡單且通用的測試方式
首先在頁面上佈置個 textbox、asp button、literal、input button (如下圖)
可以看到 input button 已加入 onclick 的 javascript 事件 test()
另外在按鈕的事件上加入下圖的 code
這樣就完成簡單的測試器了
以後要測試頁面上的 javascript 就先把上述的控制項佈置到頁面上
或是利用 iframe 方式 將預先做好的測試頁放到頁面上
使用時直接在 TextBox 裡寫 javascript code
點選 "應用 javascript " 再選 "測試" 即可使用剛剛寫好的 javascript
下面是執行畫面
底下因為坎尼在頁面上加了 jQuery
所以可以看到 t2 是用 jQuery 的方式抓取物件
若打開頁面上的原始碼來看
可以看到 literal 控制項已經把輸入的 javascript 放到畫面上
並包在 test() 這個 function 裡
所以點選 "測試" button 時 就會去呼叫 test()
會做這個主要是坎尼最近在玩 iframe
結果一直抓不到 iframe 裡的物件 腦羞之下做了這個
後來發現 iframe 要用 contentWindow (IE) 去抓 囧興
上面有提到可以先將測試器做成一個測試頁
要用時再將頁面放到 iframe 裡去
坎尼比較建議這種方式
不過要注意的是 要抓取原本頁面上的物件時 記得先加上 parent
靈感來源 w3 schools
訂閱:
張貼留言 (Atom)
Google Spreadsheet 裡用規則運算式
最近因為工作關係,遇到要用 Google Form 及 Google Sheet 所以研究了 Google Sheet 裡的一些 function 怎麼用 首先,分享一下如何在 Google Sheet 裡用規則運算 :D
-
今天坎尼去上課老師講了一題很有趣的題目 所以回到家坎尼就順手試驗了一下 I. XOR (exclusive OR) XOR 是邏輯運算子之一,定義為: 當兩數的值不同才為 true,相同則為 false 其他相關說明可以參考 維基百科:XOR II. 程式 以往的做法會宣...
-
好久沒開 Chart Control 議題了 剛好前陣子 Codeplex 出現可以輕鬆建立 Excel 檔案的 Library- NPOI 於是坎尼想說研究一下,看能不能把 Chart Control 匯出圖片到 Excel 中 沒想到只花了不到1小時就研究...
-
上個週末打開一個影片檔,發現字幕檔是中英文混合的,造成字幕吃掉畫面很大的空間, 打開字幕檔一看,果然每一段時間都有先英文後中文的字幕: 因此我想要自己作成「只有中文」&「只有英文」兩個字幕檔,但這個檔案有6418 行,如果要手動一行一行的刪除...
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
張貼留言