小惡魔 - 電腦技術 - 生活日記 - 美食介紹 - AppleBOY » FireFox

[PHP] 好用 Debug PHP 工具 FirePHP for FireFox on CodeIgniter

appleboy — Mon, 07 Jun 2010 11:30:56 +0000

之前介紹過 javascript FireFox Debug 工具 FireBug (Using firebug for firefox 除錯 javascript)，今天來介紹 PHP 除錯工具 FirePHP，它可以輸出 PHP 資料到 FireBug console 介面，方便解決 PHP 相關問題，而不會去影響線上網站的畫面，安裝方式非常簡單，請先安裝 FireFox addon for FirePHP，重新啟動 FireFox 這樣就安裝成功了，接下來就是 include FirePHP Library 檔案，就可以正常使用了。另外還會介紹如何安裝到 CodeIgniter PHP Framework

Firebug: https://addons.mozilla.org/en-US/firefox/addon/1843
FirePHP: https://addons.mozilla.org/en-US/firefox/addon/6149

底下先看畫面：

$array = array("a" => "1", "b" => "2");

$firephp->info($array, "info");

$firephp->warn($array, "warn");

$firephp->error($array, "error");

Install FirePHP 安裝

Ref : http://www.firephp.org/HQ/Install.htm
在 Zend Framework 已經有開發完成，可以參考：FirePHP and Zend Framework 1.6
下載檔案：Download FirePHPCore library version 0.3.1

unzip FirePHP (解壓縮)

您會發現 FirePHPCore 底下有四個檔案，其中 fb.php && FirePHP.class.php 給 PHP 5 用的，另外兩個 fb.php4 && FirePHP.class.php4 則是給 PHP 4 專屬，本文只會以 PHP 5 當作範例。

include FirePHP file

新增一個 index.php 檔案，在最上面寫入：

require_once('FirePHPCore/FirePHP.class.php');

Start output buffering

假設您在 php.ini 有設定 output_buffering 為 on，就可以省略此步驟

ob_start();

測試完整檔案

require_once('FirePHPCore/FirePHP.class.php');

ob_start();

$var = array('i'=>10, 'j'=>20);

$firephp = FirePHP::getInstance(true); 

$firephp->log($var, 'WARN');

?>

FirePHP 預設是啟動的，如果您要將此關閉，可以使用底下程式碼將其關閉：

/**

   * Enable and disable logging to Firebug

   * 

   * @param boolean $Enabled TRUE to enable, FALSE to disable

   * @return void

   */

$firephp->setEnabled(false);

也可以自訂選項：
maxObjectDepth 顯示 object 資料深度
maxArrayDepth 顯示 array 資料深度
useNativeJsonEncode 設定為 false 就是代表使用 FirePHPCore 內建 JSON encoder 來取代 PHP 內建 json_encode()。
includeLineNumbers 顯示檔案名稱以及行號資訊

// Defaults:

$options = array('maxObjectDepth' => 10,

                 'maxArrayDepth' => 20,

                 'useNativeJsonEncode' => true,

                 'includeLineNumbers' => true);

Install FirePHP on CodeIgniter

1. move fb.php and FirePHP.class.php into system/application/libraries directory.
2. rename FirePHP.class.php to Firephp.php, and fb.php to Fb.php.
3. edit Firephp.php file.

#

# Find  

#

#

# Replace

#

if ( ! defined('BASEPATH')) exit('No direct script access allowed');

edit Fb.php file

#

# Find  

#

#

# Replace

#

if ( ! defined('BASEPATH')) exit('No direct script access allowed');

Edit config/autoload.php file

#

# Find

#

$autoload['libraries'] = array();

#

# Replace

#

$autoload['libraries'] = array("firephp", "fb");

How to use it?

function index()

{

  $a = "test";

  $array = array("a" => "1", "b" => "2");       

  //$this->firephp->log($a, 'ERROR');

  //$this->firephp->log($a, 'ERROR');    

  $this->fb->setEnabled(true);    

  $this->fb->info($array, "info");

  $this->fb->warn($array, "warn");

  $this->fb->error($array, "error");

  $this->fb->group('Test Group');

  $this->fb->log('Hello World');

  $this->fb->groupEnd();

}

Related View

使用 CSS 排版製作網站

appleboy — Wed, 11 Mar 2009 12:45:57 +0000

今天下午都在研究網站 CSS 的排版跟製作，在現在 Web 2.0 的時代，很多入口網站全部都改換成 CSS 來排版，取代掉原本的 Table 表格，這算是相當重大的改變，一來對於維護網站會相當方便，二來就是省下很多頻寬資源，大型入口網站：Yahoo、痞客幫首頁全部都利用 CSS Div 的方式下去排版，當然一些基本的 CSS 觀念要有，這樣就很好學習了，CSS 排版觀念：CSS 盒子模式、CSS 浮動 (Float)，可以參考 CSS 語法教學這裡，這個網站寫的相當簡單，可以當作入門網站，順手就把之前幫學校做的一個網站：國立中正大學::第十屆全國實證經濟學論文研討會全部換成 CSS，也通過無障礙 A+ 程式驗證。

那底下就是我今天參考的一些網站，我覺得還不錯，很多觀念都是在這裡學的喔。

可以在搭配 jQuery 來控制 CSS 屬性喔，CSS 可以利用 FireFox 的 Firebug 來除錯喔，這樣其實就很簡單了吧。

Related View

[FireFox] 安裝 google toolbar 使用 chrome Start page

appleboy — Wed, 11 Feb 2009 01:31:40 +0000

在 darkhero 的 blog 發現了這篇讓Firefox也有Chrome的StartPage，用起來發現還不錯，會記憶妳上過的網站，截圖放在首頁喔，那安裝方法很容易啦，就是 FireFox 的 Google Toolbar，非常方便。利用 Ctrl + T 就可以看到分頁功能了。

檢視您最常造訪的網站：
只要開啟新分頁即可檢視您最常造訪的網站。

畫面如下：

Related View

[WWW] firefox and IE 的 greasemonkey

appleboy — Sat, 23 Feb 2008 08:30:43 +0000

最近發現這種新玩意，那就是猴子外掛 Greasemonkey，這一套我在 FireFox 有找到，用起來還不錯，可是一些 for ie 的網站，就使用不到了，所以我又另外去找了 Greasemonkey for ie 的版本，不過 for ie 的版本有兩套，一套是我想要，另一套我測試起來不是我想要的。

先介紹 for ie 的 Greasemonkey，總共有兩套

1.gm4ie
這一套了，其實相當不錯，不過有一個缺點，就是如果你的網站是用 iframe 做的化，他必需要重新 reload 整個網站，才會有作用，所以我並不打算用這套，不然他還是蠻方便的
2.Trixie
這個，就有符合到我的要求了，不過他在設定上面格式都要先寫好

// ==UserScript==

// @name          Server2

// @description   .

// @namespace     http://musicplayer.sourceforge.net/greasemonkey

// @include       http://xxxxxxxxx/index2/main_down.php*

// @include       http://xxxxxxxxx/index2/main_down.php*

所有套用的網站，都要寫在 // @include 這個裡面才會有作用，然後在用 ie alt+t +x 就可以更改 reload 設定了
3. Greasemonkey :: Firefox Add-ons
FireFox 的部份，這個外掛裝好，你在啟動他的時候，會要求你選擇編輯 js 的軟體，請務必選 notepad.exe ，不然你選擇其他程式，你就會編輯不到檔案，那他檔案的放置位置如下

C:\Documents and Settings\你的帳號\Application Data\Mozilla\Firefox\Profiles\qvq3wzwh.default\gm_scripts