【◆】Firebug : 簡易的Debug功能

FireFox真的是很棒的軟體，有一大堆的外掛。
昨天突然看到一篇文章，有教一下FireBug如何Debug。
跟我之前的用法都不太一樣，很屌。
看文章可能不知道在說啥鬼東西，看影片最實在。
【影片】

完整的Firebug Command Line API在：
http://www.getfirebug.com/console.html (過去瞧瞧 Go~)

下面為原始文章的內容

---

 

3 分鐘學會用 firebug 除錯 (點我去看原始文章)

firebug 是 firefox 的一個插件.
可以說是當前用來 debug javascript 程式的最佳選擇.
firebug 還提供了一些好用的函式可以讓您的測試更順暢.

這段影片 展示了 firebug 提供的一些好用的函式.

廢話不多說, 馬上來看看吧:

1. 印出一般訊息 : console.log

就像許多程式語言中的 'print' 語句, firebug 提供的 console.log 語句可以直接印出變數值.
例如

console.log(變數);

或者印出包含變數的敘述

console.log("敘述: %d"%變數);

2. 印出具有提示圖示的訊息 console.info/console.warn/console.error

與印出一般訊息(console.log)使用的方式完全相同, console.info/console.warn/console.error 只是會在訊息前加上相應圖示

console.info(a) 提示圖示

 

console.warn(b) 警示圖示

 

console.error(c) 錯誤圖示

3. 使用除錯介面 debugger

只要在想要除錯的地方前加上一行加上 debugger 語句

debugger;
.....

執行時就會彈出一個互動式的除錯介面.
除錯介面提供了單步執行等功能, 並即時取得當前各相關變數的狀態.
也可以看到迴圈每次執行後改變的值



4. 計算花費時間 console.time/console.timeEnd

對於 AJAX 程式來說有些動作會花費較多的時間, 使用

console.time("跑")
.....
console.timeEnd("跑完")

將要測試的程式段包起來, 執行時就會印出該段程式所花費的執行時間

---

再增加一個蠻好用的

console.profile([title])

Turns on the JavaScript profiler. The optional argument title would contain the text to be printed in the header of the profile report.

console.profileEnd()

Turns off the JavaScript profiler and prints its report.

 

 

 

【C】在 IE 6 中 Border 斷掉

在IE 6中，有時候，會發現當滾動滑鼠時，
Border就會斷掉了，示意如下：

這是在IE 6才有的問題，在Firefox跟 IE 7都是正常的。

解決方式：
在這個元件( Div )中，設定Style【height:1%; 】

【？】Firefox 字型跑掉

昨天灌完photoshop cs3後，玩了一會，
結果Firefox的字型就變了……真相如下圖。
很屌吧，是【篆體】，字型很屌，但我看不懂……

解決方法如下：

1.在Firefox網址列輸入：about:config

2.按滑鼠右鍵/新增/字串，第一個對話框輸入【名稱】第二個輸入【值】。

總共就是輸入下面有紅色點點的那四位。



輸入完後，Firefox又回覆正常囉，這個字我就看的懂了，哈~~

參考：http://blog.pixnet.net/vmaya/post/9160339

【？】Mozilla Firefox 下方出現 MenuItem

之前Firefox突然下面出現紅色的MenuItem，
重灌也沒用，後來Google兄告訴我該怎麼解決，
今天又有人也遇到同樣的問題，
現在就把之前找到的解決方法貼出來。

 

---

 

1：到 Firefox 的安裝目錄，找到 chrome.manifest。
C:\Program Files\Mozilla Firefox\extensions\{CAFEEFAC-0016-0000-0001-ABCDEFFEDCBA}\chrome.manifest

2：用 notepad 編輯 chrome.manifest，將「zh_TW」改成「zh-TW」。

3：重新啟動Firefox

4：Done

【＊】喜憨兒餐廳

禮拜五的時候(2008-04-11)，
晚上跟姐還有大哥大嫂去吃喜憨兒餐廳，
因為我姐說生意不是很好，
好像有些都倒了，所以就去吃一下，
順便可以做點公益。

喜憨兒的態度都超好的，
由其是臉上一定保持著徵笑，
一整個就很單純，天真。
讓人看了也覺的開心，
如果我也可以這樣就好囉！
可惜年紀愈大，愈不愛笑……真糟…

做人還是單純點好，不要想東想西，
少掉煩腦，就會開心很多了吧。

【程式】JS : 將html的tag去除掉

當想要使用 JS 將html的tab全部過濾掉，
可以使用下面這個方法。

function stripHTML(input) {
    var output = '';
    if(typeof(input)=='string'){
        var output = input.replace(/(<([^>]+)>)/ig,"");
    }
    return output;
}

【程式】PHP - CURL

CURL 在寫程式的時候，還蠻常會用到的，抓資料很方便。
貼上一個自己亂寫的Sample。

function getResource($url){
    $ch = curl_init();
    //永遠抓最新
    $header[] = "Cache-Control: no-cache";
    $header[] = "Pragma: no-cache";
    curl_setopt($ch, CURLOPT_HTTPHEADER, $header);
    //等待時間
    curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 2);
    curl_setopt($ch, CURLOPT_TIMEOUT, 4);
    //Post Data
    $postData="name=".$name."&id=".$id;
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt ($ch, CURLOPT_POSTFIELDS, $postData);
    // 設定referer
    curl_setopt($ch, CURLOPT_REFERER, 'http://www.xuite.net');
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    $result = curl_exec($ch);
    curl_close($ch);
    return $result;
}
$url = 'http://xuite.net';
$res = getResource($url);
//補充說明：2008-12-01
//CURLOPT_URL是要得到內容的地址
//CURLOPT_HEADER是要得到的頭  
//CURLOPT_NOBODY是要得到的內容  
//CURLOPT_PORT是端口
//CURLOPT_RETURNTRANSFER是要把輸出的內容放到buffer中,可以被echo或者賦予某變量
//CURLOPT_POST是標準的提交
//CURLOPT_POSTFIELDS是提交的內容
//CURLOPT_COOKIEJAR是要保存的cookie
//CURLOPT_COOKIEFILE是從文件讀取cookie並提交
//CURLOPT_FOLLOWLOCATION啟用時會將服務器服務器返回的「Location:」放在header中遞歸的返回給服務器
//CURLOPT_MAXREDIRS限定遞歸返回的數量
//CURLOPT_HTTPHEADER設置一個header中傳輸內容的數組
//CURLOPT_REFERER設置header中"Referer:"部分的值
//CURLOPT_USERAGENT在HTTP請求中包含一個」user-agent」頭的字符串。
//CURLOPT_ENCODING設定header中「Accept-Encoding: 」部分的內容，支持的編碼格式為："identity"，"deflate"，"gzip"。如果設置為空字符串，則表示支持所有的編碼格式
//CURLOPT_COOKIE設定HTTP請求中Set-Cookie:部分的內容

下面這段是從Garlic那偷貼過來的，還可以設定帳號跟密碼

(1) php:就是多設定一個  CURLOPT_USERPWD的參數, 內容為 ID:PASSWORD

    $ch = curl_init('http://192.168.1.1/rebootinfo.cgi');
    curl_setopt($ch, CURLOPT_USERPWD, 'garlic:12345678');
    echo curl_exec($ch);
    curl_close($ch); 

 

【Ｌ】Xming

辦公室的高手(Garlic)教的，挺不錯用的。
可以在Windows下，執行遠端Linux的firefox, pgadmin......etc
下面就直接貼他的文章啦~哈哈~

 

---

 

安裝完畢後

(1) 執行 XLaunch, 視窗跳出來後選 multi windows

(2) 然後 選 Start a program

(3) 出來一個視窗

3.1 Start Program: xterm

3.2 Run Remote -> Putty (plink.exe)

3.3 ip, username, password

(4) 再來又一個視窗, 什麼都不要改, 選下一步

(5) 然後會問要不要把設定檔存起來, 以後就可以直接不用設了; 最後按完成, 有出來一個 xterm 就是成功了, 真是還滿好用的

要用 X Forwarding, 要檢查 server side /etc/ssh/sshd_config 中, 要設定成 XForwarding yes

 

原始文章：http://blog.xuite.net/misgarlic/weblogic/16218049

【＊】開朗醫生-奉達熙

【開朗醫生-奉達熙】
朋友介紹的一部韓劇，
昨天把他看完了！
看完後的感覺，
還是老話一句，

人生無常，把握當下。

覺的想做就去做，不要等時機過了，才在後悔。
雖然常常會受到打擊，
但至少有努力過了，
以後也不會後悔說：【如果我當時有幹嘛幹嘛的話就好了~~】
人生只有一次，過了就不會再重來了。


在此我要跟我自己說：
　　加油！！努力吧~~就算失敗，也不要灰心。
　　把握當下，做好每一件事情！！！
　　U can do IT !!

【＊】養魚->罪惡感

養魚應該有養快四年了吧！
從研究所開始養。
從小魚缸慢慢的換成二尺的大魚缸。
裡面的魚，也從一二隻，變成一大群，再變回一二隻。
裡面也從小孩子Level的造景，變成Pro級的造景 (個人認為~哈哈~)

不過目前二尺缸裡只剩下一條神仙魚，跟一條日光燈了。
活了應該有一年以上了吧。
每次看到有魚死掉，總是覺的很難過~~
特別是我在公司也養了二條金魚。
都在不久前離開了，看金魚死，更是難過，
生病很久，痛苦很久，才會真的死掉。
養完金魚後，決定要有一段時間不要再養魚了。
唉~~一整個覺的在造孽。

萬物的生命是可貴的~~

　　但我卻活的不精彩，

　　　　我要我的生命充滿色彩呀~~(大叫 ing)