[Maxthon2技巧]製作過濾篩選器技巧分享

其實,過濾篩選器非常簡單製作
只需要稍微懂得HTML語法
都可以快速製作出想要的過濾篩選器喔!
這裡,我想分享一下我製作過濾篩選器的方法

過濾篩選器原理:將HTML原始碼替換成篩選器中的HTML原始碼

在製作過濾篩選器的時候
通常,大部分的人都會優先使用RemoveIt 這套外掛
只要點選外掛按鈕,並使用右鍵選擇要過濾的項目
非常快速的就可以製作成一個篩選器
而且通常不會有錯誤,對於HTML編輯不熟的使用者,可以輕鬆上手
但是,有些時候會有一些元件是無法使用Remove It來過濾
以Piyoko先前提出的論壇公告版塊為例,即是無法使用Remove It來過濾的
這時候,就必須要檢視網頁的原始碼來達到如何過濾的分析
以下是我使用的步驟,有興趣的使用者可以參考看看:

1.首先,將網頁載入到網頁編輯器中
(我使用的是Microsoft Office Frontpage 2003)
工具>編輯網頁,就可以快速載入囉!

2.等待載入完成之後,我會在Maxthon中使用Viewpage來確認原始碼的區塊

3.確認要過濾的元件的原始碼後
在Frontpage 2003中切換到「分割」的檢視模式
這種模式可以讓你在更改HTML原始碼後馬上檢視變化

要消除元件,通常可以對原始碼做下列兩種動作:
a.將原始碼加入「不顯示」的屬性  (比較簡單)
b.將原始碼直接以其他原始碼替換
通常,我都會使用加入不顯示的屬性,這樣比較不需要考慮到替換原始馬後
是否繪影想到其他的網頁元素!
如果網頁載入後呈現混亂的狀態,此時就直接在Maxthon中實地測試

4.實地測試原始碼是否可以正確過濾以及過濾後是否有其他「後遺症」
後遺症,例如:留下一大片空白,留下背景,網頁扭曲…等

5.不斷修正原始碼後測試,最後完成!

以上就是我製作篩選過濾器的方法,供大家參考看看!
以下則提供我製作竹貓星球的方法:

EX.竹貓星球公告版塊消去原理,藍色是相同的部份,紅色是更改的部份
“topiclistundefinedtopics”
這段原始碼指的是上方公告版塊,也就是要過濾的目標
“topiclistundefinedtopics”undefinedstyle=”visibility:undefinedhidden”
這是更改後的原始碼,加入了不顯示的屬性

如果只過濾這一個目標,會發現公告版塊的背景還殘留著
因此我加入了第二個目標

<divundefinedclass=”forumbgundefinedannouncement”>
由「bg」可推測這是背景使用的標籤 (background)
<br><divundefinedclass=“”undefinedstyle=”position:undefinedabsolute;undefinedz-index:undefined-10”>
加入<br>標籤是為了讓元素不要重疊而加入一行空欄,而forumbgundefinedannouncement將他更改為「“”」表示為不顯示,後方style的部份則是利用階原則,設定為-10,讓沒有辦法向上移動的元件可以向上覆蓋!

完成!

2 thoughts on “[Maxthon2技巧]製作過濾篩選器技巧分享”

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *