2010/10/20

Copy複製 HTML 中的資料

HTML Code 越來越複雜
一堆怪怪的 tag 附加更多奇怪屬性 + CSS ...etc.
再加上 許多功能強大又好用的 AJax, JQuery, YUI, ooxxggyy 的推波助
長江常將 HTML Code 搞的亂七八糟很複雜

常想抓某些欄位的值出來看
或是抓某些 JavaScript Function source Code

這時候 在 網址欄 簡單的輸入:
javascript: alert(document.form.text.value)
就可以方便快速的看到其中的值

但是 想要把他整個 Copy 下來 卻是個大問題
自己手動慢慢 key 也是個好方法, 但卻總是容易漏字
這時候...  換用:


javascript:void(prompt("ooxx",document.cookie))

就會跳出一個 使用者提示 prompt 出來
下面還幫你 Key 好了 你想 Copy走的字
只需要按下  Ctrl-Insert 或 Ctrl-C 或是滑鼠右鍵+複製
在你自己的 editor 上按下  Shift-Insert 或 Ctrl-V 或是滑鼠右鍵+貼上
就順利完成了

對付複雜的 JavaScript Function 也很好用!
先把人家寫好的 Func. Copy 起來
編輯修改過後,再送回去讓 Browser 處理...etc.
要怎麼,就看個人想法了...

PS:  由於安全性設定的不同
第一次使用 prompt 可能會在網址列下方 跳出一行要你確認的訊息
確認一次之後 就不會再多問

若覺得 每次都要確認 很煩
可以修改自己browser安全性設定

沒有留言:

張貼留言