顯示具有 網頁 標籤的文章。 顯示所有文章
顯示具有 網頁 標籤的文章。 顯示所有文章

2008年1月16日 星期三

Proxomitron_第一個功課之Hello Yahoo ~

裝了Proxomitron也裝了sidki偉大(又大又複雜)的規則包,上大部分網頁都乾乾淨淨又快速,感覺真好!

BUT!這麼就結束了真是太可惜了!Proxo最大的優點就是自訂性高,當然要自己來玩玩看啊~,世上網頁千百萬種,語法規則推陳出新,哪天要是沒有總和規則包,還是說規則包剛好沒擋到,自己又不會寫,那不浪費了這麼優良的工具!(以上都是自我激勵的理由.....總得找些理由來支撐一下信念 XD)

首先要感謝http://forum.proxomitron.cn讓我能夠找到起手的資料,能夠一步一步跟著學習是比自己摸索還快的。

ok,現在假定沒有規則包,一開場就只有Proxo,要如何建立自己的規則呢?

一、目標

我看就拿台灣人最喜歡的首頁 -- 台灣Yahoo來開刀吧 XD



Yahoo首頁上都是連結,但是就是頁面上那三個廣告蠻礙眼的.....就是這個啦!第一個功課就是幹掉這三個廣告!





二、工具


工欲善其事,必先利其器,要修改網頁通常要裝什麼dreamweaver之類的大東西,不必!我們只要「看看編碼」而已,不必大動作搞得很麻煩,所以呢~我只用了Firefox和他的外掛Firebug,不多說,看下面的圖就知道~

利用Firebug,將滑鼠游標移到下方左邊的編碼區,就可以看到上面的網頁會出現相對應的區塊變色了~,這時候,記下變色的區塊的編碼開頭。
1.



這是< d i v id="ad_mntl">







2.




這是< d i v id="ad_exp">















3.



這是< d i v id="ad_et" class="ad">







三、設定

接下來就可以開始工作囉~

1.在Proxo主程式底下,增加一個cfg檔,例如我的就是zop.cfg,然後在List資料夾裡增加一個txt檔,我設div.txt,因為上面三個廣告都是div開頭,要設別的名字也行,自己知道怎麼分類就好。

2.Copy default.cfg裡的[Global]整個區段(我的是[Global]到MaxCapURL = 100)到你自己的cfg。

3.在系統列的綠色金字塔上按右鍵,Load Config File選zop.cfg(你自己的cfg)

4.左鍵點一下綠色金字塔,跳出主視窗,選右邊的Config,再選上面的Blockfile,add選擇剛剛建立的div.txt(或你建立的任何規則表),list name輸入簡單的名字,我用div,點ok之後回到主畫面。

5.按右邊的Web page,再選New,出現一個大視窗,
(1)上方的Filter Name輸入任何一個好記的名字,這是這個過濾規則的名字。
(2)中間URL Match裡,寫tw.yahoo.com,不加http://跟後面的/,Byte Limit填入2560。(這個Byte Limit看說明是「你想擷取的區段的字數」,可以利用閱覽器的「檢視原始碼」將區段copy到word裡算字數,基本上這個數字越小越好,我們要擷取的三個廣告最大的字數在2100字以內,所以我設2560,要輸入2100也可以。)
(3)下面的Matching Expression是要輸入「符合你要擷取的片段」,這裡按右鍵,選Add blocklist的div(就是那個div.txt),選ok~回到上一層,可以看到列表上有出現你剛剛設的過濾規則的名字了,將前面框勾選起來,選下面的ok,回到主視窗。

6.點一下主視窗上方那兩張磁片,左邊的那張,那是儲存。

(到此為止,程式的設定就完成了,下面就要開始寫規則了。)

7.打開剛剛的div.txt,在裡面輸入< d i v id="ad_ * / d i v>
說明一下,規則是說我要擷取的是< d i v id="ad_開頭,*是開頭之後所有的內容,一直到 / d i v >為止,原本我是寫了三個,分別是
< d i v id="ad_exp" * / d i v >
< d i v id="ad_mntl" * / d i v >
< d i v id="ad_et" class="ad" * / d i v >
仔細一看....開頭< d i v id="ad_不是都一樣嘛?XD,所以三行改寫成一行,就變成< d i v id=" * / d i v >。
寫好之後儲存。

ok!在綠色金字塔上按右鍵,Load Config File選zop.cfg,確定一下有載入我的設定,
打開閱覽器(proxy記得設),輸入http://tw.yahoo.com, YEAH~~~廣告不見囉~~ XD

PS. 由於寫 < d i v > 這些會被blog看成程式碼,所以我都有空格,不要copy直接用,自己努力一點輸入吧!懶人!( ̄︿ ̄)@m
PS2. 本來每個解說都要弄圖,但是實在麻煩......就算了 XD.....

2008年1月14日 星期一

Proxomitron_快速安裝說明

一、下載

1. 下載最新版主程式4.5j http://www.proxomitron.cn/files/Proxomitron.v45j.zip

2. 下載兩個更新檔(可下可不下,建議下載,反正不裝白不裝)
(1)
說明:
http://www.proxomitron.cn/node/4
下載:
http://www.proxomitron.cn/files/Multiple_patch.exe
(2)
說明:
http://www.proxomitron.cn/node/5
下載:
http://www.proxomitron.cn/files/RWIN_patch.exe

3. 下載最新sidki設定包(包含超多設定,但是也許有不想用的,目前我還沒遇到)
http://sidki.proxfilter.net/prox-archive/prox-config-sidki-2008-01-02-beta.zip

4. 下載SSL組件
http://sidki.proxfilter.net/prox/ssl-stuff/openssl-0.9.8-mod-rev1.zip
http://sidki.proxfilter.net/prox/ssl-stuff/proxcert.zip

二、安裝

1. 將主程式解壓縮到「非中文路徑底下」的資料夾裡(比較不會出錯)
2. 輪流安裝兩個更新擋
3. 將 sidki 設定包解壓縮到主程式的資料夾底下,直接解進去,不必另外建立資料夾
4. 將 openssl-0.9.8-mod-rev1.zip 裡的 ssleay.dll 跟 libeay.dll 放到主程式的目錄裡
5. 將 openssl-0.9.8-mod-rev1.zip 裡的 msvcr70.dll 放到 c:\windows\system32 裡
6. 將 proxcert.zip 裡的檔案解壓縮到主程式目錄裡

三、啟動

1. 直接點兩下 Proxomitron.exe 啟動程式
2. 程式啟動之後,關閉冒出來的視窗跟網頁閱覽器,程式會常駐在右下角系統列
3. 在系統列上的綠色三角形上按右鍵,在「Load Config File」裡選「sidki_2008-01-02.ptron」
4. 開啟網頁閱覽器,設定Proxy為 localhost,Port 8080(不會設定的人.....請自救 XD 或私下問我)
5. ........完成
6. 每次重新啟動程式之後都要 Load Config File,因為他啟動會自動載入預設的設定檔,不然就是我找不到設定...

PS.嫌下載一堆很麻煩,又要解壓縮又要放這裡放那裡的懶人!( ̄︿ ̄)@m
http://www.funp.net/9071045
這就是綠色軟體的好處 <( ̄︶ ̄)>

2007年12月25日 星期二

雪花剪紙

http://snowflakes.lookandfeel.com/

這是個可以讓人在flash上做剪紙的網頁,可惜沒辦法把flash抓下來用,希望這網暫別關了才好。XD

選flash右邊的「make your own snowflake」就可以開始了。

剪紙的技巧

1. 那把剪刀是假的,而且還妨礙視線,重點在剪刀中間的那一點,紅色的時候不能剪,綠色才能剪。

2. 剪的時候將綠點移到邊緣,點一下表示從這裡開始,將綠點移進紙張,再點一下表示第二點,這兩點間會連成一線,這線就代表你下一刀了!

3. 左邊邊緣、右邊邊緣、上面、下面的邊緣都可以剪。

4. 剪的過程可以按左邊的「undo」跟「redo」,就是上一步跟下一步,剪錯的話可以恢復。

5. 可以隨時按「preview flake」看看成果,想再繼續剪就按「cut some more」繼續剪。

6. 滿意的話可以按「save my flake」做儲存,輸入你的名字後按下「submit」,再選「download my flake」。

7. 「view image」會開網頁顯示你的成果,可以把網頁給別人看,也可以存下網頁上的圖檔。

8. 「download eps」則是存成photoshop可以用的檔,有需要的可以試試看。

網友的作品













































我剪的雪花圖

2007年6月19日 星期二

13種加速Firefox的方法

在網址列打上 about:config
  1. network.http.pipelining : ture
  2. network.http.pipelining.maxrequests : 8
  3. network.http.proxy.pipelining : ture
  4. network.dns.disableIPv6 : ture
  5. content.interrupt.parsing : ture
  6. content.max.tokenizing.time : 2250000
  7. content.notify.interval : 750000
  8. content.notify.ontimer : ture
  9. content.notify.backoffcount : 5
  10. content.switch.threshold : 750000
  11. nglayout.initialpaint.delay : 0
  12. ui.submenuDelay : 0
  13. plugin.expose_full_path : ture
以上也適用於Netscape 9.0b1

2007年6月10日 星期日

Netscape 9.0b1

說起Netscape就想起了,這是Windows 95/98時代相當火紅的網頁閱覽器呢!
當初的IE是非常爛的,那個時候的微軟並不看重IE,以至於Netscape搶了先機,
後來微軟積極的打壓Netscape,並且開發新的IE,然後不顧托拉斯法,寧願罰錢也要在系統上附帶IE,
才把當初市占率超高的Netscape,打到現在連名字都不一定有人聽過的地步,
不過各位看官也知道,之後的微軟又擺爛了,IE6經過3年還是5年的沒有更新過,一直到現在才出了IE7,
而出IE7也就是跟當年一樣,感受到了Firefox的市占率影響,真是狗改不了吃屎啊......

Netscape就這麼在暗地裡潛伏了好幾年,接著冒出了一個讓人興奮的產品!

Netscape 9.0b1 !

Netscape 9.ob1目前應該還是屬於測試的版本,但是已經是相當不錯的版本了,

這個版本有幾個特性:
1.修正常見的輸入錯誤
如果輸入了googlecom,NS9會自動辨識成google.com

2.Link Pad
這是一個網址暫存區,如果有些網站不想放在我的最愛裡,只是想記下來等一下再看,
就可以抓到Link Pad放著,看完之後隨時可以清除。

3.Mini Browser
NS9多附贈了一個小閱覽器,其實是在Sidebar的部份多打開一個閱覽器,
這讓許多需要做比對或是同時看兩個網頁的狀況得到幫助。

4.相容Firefox 2的擴充套件
天啊!沒有什麼比這個再興奮的了!這不就變成第二個Firefox了嗎? XD

除了第四項之外,其他的因素也不是什麼很大的強項,那用NS還不如用Fx嗎?
根據其他玩家的測試,Fx緊咬著記憶體不放的缺點,並沒有在NS上看到,NS會隨著關閉分頁而釋放記憶體,
這算是最大的不同點,也算是一個取代Fx的好理由,
另外程式開啟速度還有網頁開啟速度,有人說都比Fx快,也有人說沒差,我是覺得快一些,
原來NS9跟Fx2用的是同樣的引擎,這才會連套件都可以互通,有人說NS9是特製版的Fx2,應該是沒錯,
不過感覺上NS9在最佳化方面的確是做的比Fx2來的好,官方Fx2還比不上許多第3方優化版本呢。

Windows上要安裝NS9,還是簡簡單單的點兩下安裝就可以了,
Linux上就「稍稍的」困難一點,不過不必configure不必make,我就覺得很簡單了,
下載了Linux專用壓縮包之後,解壓縮到任何目錄底下,然後執行下面的動作,

sudo mv navigator/ /usr/local/
sudo ln -s /usr/local/navigator/navigator /usr/local/bin/navigator
sudo ln -s /usr/lib/mozilla/plugins/* /usr/local/navigator/plugins/

這就讓NS9跟Fx2共用Plugins了!

接著在終端機執行navigator,或是直接建立啟動圖示就可以了~

基本上除了安裝Gmail manager需要解除相容性檢查之外,其他的Fx2套件都可以簡單裝上,
解除相容性檢查:
1.在網址列輸入about:config
2.新增一個Boolean
3.內容是extensions.checkCompatibility選擇false
這個設定在使用者重新開啟相容性檢查之後,就會消失掉....

目前唯一的缺點則是,字型好像無法更改....

要移除的話,則是執行
sudo rm -rf /usr/local/navigator
sudo rm /usr/local/bin/navigator
就可以了....

2007年5月25日 星期五

Google 文件

Google是間很有主見的公司,他已經慢慢實現了所謂的網路電腦,
除了最有影響力的網路搜尋之外,「Google文件」服務當然就不能不提了。

Google在網路上提供了兩項目前辦公室最常用到的工具,
一個是word另一個是excel,不過這是微軟的工具名稱,
google上稱為「文件」跟「試算表」,簡單易懂。

Google文件登入畫面

Google「文件」

Google「試算表」

這兩項工具就不必特別介紹了,使用起來就跟微軟Office上的word、excel大同小異,
雖然介面是英文的,但是中文可以正常輸入,沒有問題。

Google發揮了網路特有的功能,這兩項工具都可以有多帳號共筆,
也就是說,可以讓作者邀請特定的人,讓這些人參與編輯文件,
沒有受到邀請的人只能觀看,不能進行編輯,這有幾個好處,
一來不怕文件被人亂改,二來需要他人進行協助編輯時不怕格式亂掉,也不怕傳檔出錯,
當然不必帶著文件到處跑,或者怕別人Email收不到等等的問題也都沒了,
只要能連上網,就能看到文件,只要有Google帳號並且受到邀請,就能進行編輯。

另一個好處是,Google文件提供了微軟的.doc文件、OpenOffice的.odt文件,
或是各類文字編輯文件的上傳以及互相轉換,由於微軟的.doc毒害已經很深,
很多人都不願意承認word的文件.doc其實是很差勁的,連word自家都有不相容的問題,
更別提其他開放式工具與word的文件相容性,
而悲慘的是幾乎大部分的公司行號還是以.doc作為主要的文件格式,
這時候Google文件的上傳功能便可以進行文件格式的轉換,
像是OpenOffice的.odt格式便可以上傳,然後轉換成為.doc,具網友實驗,格式很正常,
當然不只有轉成.doc的功能而已,試算表也可以進行相互間的轉換,算是另一種方便吧。

最後還是期待他能有中文介面,雖然英文介面實在沒差,
但是對很多「看到英文就會死」的人來說,中文介面是一股很大的推廣力。

2007年5月19日 星期六

Thinkature.com

Thinkature是個很有趣的網站,一個多人線上會議系統,
Thinkature在網頁上提供一個平台,讓同時登入這個平台的人,
能夠即時性的發表自己的意見,並且很明確的表示給其他人看。

由Thinkature的首頁就可以看到他是如何做到的,
Thinkature在平台上提供了六項工具,
分別是標籤、圖片、繪圖、焦點、文字對話以及語音對話,
一開始最明顯的就是標籤功能,他可以讓使用者在平台上,
任意的增減移動標籤紙,標籤的內容支援中文,
平台上同時允許使用者上傳或是連結圖片,
而繪圖功能更是一般人開會時不可少的塗塗寫寫功能,
當大家都有意見發表時,應該從哪一個焦點開始呢?
使用焦點功能可以提醒所有人,
而開會最重要的是對話,Thinkature提供了語音對話,
沒有麥克風的則可以使用文字對話。

雖然從台灣連到Thinkature有點lag,
但是這個平台的確提供了一個很有用的作業環境,
連繫這個越來越小的世界裡的人,讓溝通更自由。

2007年5月15日 星期二

Google 筆記本

Google的確是一家創意十足又面面俱到的公司,
在推出線上辦公工具「Google文件」之後,又推出了「Google筆記本」,
如果只是一般的線上網頁式的筆記本那就罷了,沒什麼特色,
但是他卻可以結合閱覽器,可以讓使用者對瀏覽的資料立刻做筆記,
例如在某個網頁看到某項資料或一段文字,立刻剪輯到筆記本,
同時筆記本會自動紀錄這個網頁的位置,讓使用者查詢起來方便許多,
一般來說,如果看到某個網頁很喜歡,通常會mark起來,
但是久了以後就忘了那是幹嘛的?也許特定的目的?
也許哪一段文字的出處?
用筆記本來紀錄就比bookmark來的實際,
更別說是要對網站下一些評論就更方便了。

「Google筆記本」同時也在使用者Google帳號底下增加一個服務,
將個人的筆記內容收納到Google伺服機上,可以方便進行編輯,
同時還不必擔心資料從電腦裡遺失,相當方便。

連結:Google筆記本