MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2024-03-29, 23:55

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 9 篇文章 ] 
發表人 內容
文章發表於 : 2006-10-27, 21:21 
離線

註冊時間: 2005-08-29, 15:40
文章: 236
最近用adblock plus 和stylish來擋網頁中的廣告
發現效果非常的棒
但是要指定selector是非常麻煩的事情

不知道有沒有套件可以自動判別selector
判別出來的結果可以嚴格符合要修改的element
就像底下的語法



底下是隱藏無名小站廣告的樣式
代碼:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://www.wretch.cc/") {
/*隱藏右側的廣告*/
  body > div#container1> div#container2 > div#main > div#links > ul#links2 > li.side_AD, li.side_AD2
  {
  display: none !important
  }
}

@-moz-document url-prefix("http://www.wretch.cc/album/") {
/*隱藏右側的廣告*/
  body > div#container1 > div#container2 > div#main1 > table#main2 > tbody > tr > td#links > div#links2 > div.side_AD {
      display: none !important;
  }
/*隱藏底部的廣告*/
  body > center ~ table {
      display: none !important;
  }
}

@-moz-document url-prefix("http://www.wretch.cc/album/show.php?i=") {
/*隱藏中間的廣告*/
  body#body_show > div > table:not(.show) > tbody > tr:first-child > td:not(.side) {
      display: none !important;
  }
  body#body_show > div > table > tbody > tr + tr > td[height="30"] {
      display: none !important;
  }
}

@-moz-document url-prefix("http://www.wretch.cc/guestbook/") {
/*隱藏頂部的廣告*/
  body > div:first-child > table > tbody > tr + tr {
    display: none !important
  }
/*隱藏底部的廣告*/
/*隱藏浮動的廣告*/
  body > div.main ~ table, div#ad_float {
    display: none !important
  }
}

@-moz-document url("http://www.wretch.cc/blog/") {
/*隱藏右側的廣告*/
  body > div#container1 > div#container2 > div#main1 > table#main2 > tbody > tr > td#links > div#links2 > div.side_AD {
      display: none !important;
  }
}


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1) Gecko/20061010 Firefox/2.0
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-10-27, 23:52 
離線
頭像

註冊時間: 2005-08-25, 19:59
文章: 1210
來自: 幻境地帶
Milx 寫:
最近用adblock plus 和stylish來擋網頁中的廣告
發現效果非常的棒
但是要指定selector是非常麻煩的事情

不知道有沒有套件可以自動判別selector
判別出來的結果可以嚴格符合要修改的element

像是 XPath Checker 這個?
    圖檔
    圖檔

_________________
Add Bookmark Here ² | Charset Switcher | Hide Menubar | MClickFocusTab | Personal Titlebar


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1) Gecko/20061013 BonEcho/2.0 (O2-GLT-SSE2-PGU)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-10-28, 01:23 
離線
頭像

註冊時間: 2005-01-16, 12:43
文章: 46
小弟是用InspectThis
快速用DOM Inspector找… :roll:

圖檔


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-10-28, 08:59 
離線

註冊時間: 2005-08-29, 15:40
文章: 236
yuoo2k 寫:
像是 XPath Checker 這個?
    圖檔
    圖檔


類似這個套件
但我想要的是直接秀出css selector的語法
可以直接用在樣式表中
有這種套件嗎


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1) Gecko/20061010 Firefox/2.0
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-10-29, 21:07 
離線

註冊時間: 2005-01-25, 09:16
文章: 22
Milx 寫:
yuoo2k 寫:
像是 XPath Checker 這個?
    圖檔
    圖檔


類似這個套件
但我想要的是直接秀出css selector的語法
可以直接用在樣式表中
有這種套件嗎


CSSViewer

這個嗎?


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1) Gecko/20061010 Firefox/2.0
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-10-29, 21:11 
離線

註冊時間: 2005-01-25, 09:16
文章: 22
Milx 寫:
yuoo2k 寫:
像是 XPath Checker 這個?
    圖檔
    圖檔


類似這個套件
但我想要的是直接秀出css selector的語法
可以直接用在樣式表中
有這種套件嗎


CSSViewer

這個嗎?


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1) Gecko/20061010 Firefox/2.0
 個人資料  
引用回覆  
 文章主題 : 這個嗎?
文章發表於 : 2006-10-29, 21:15 
離線

註冊時間: 2005-01-25, 09:16
文章: 22
Milx 寫:
yuoo2k 寫:
像是 XPath Checker 這個?
    圖檔
    圖檔


類似這個套件
但我想要的是直接秀出css selector的語法
可以直接用在樣式表中
有這種套件嗎


CSSViewer

這個嗎?


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1) Gecko/20061010 Firefox/2.0
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-10-29, 21:19 
離線

註冊時間: 2005-08-29, 15:40
文章: 236
qq0526 寫:
Milx 寫:
yuoo2k 寫:
像是 XPath Checker 這個?
    圖檔
    圖檔


類似這個套件
但我想要的是直接秀出css selector的語法
可以直接用在樣式表中
有這種套件嗎


CSSViewer

這個嗎?


不是耶
我想要的是點選要修改的物件後
會自動跑出selector的套件


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1) Gecko/20061010 Firefox/2.0
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-10-30, 00:24 
離線
頭像

註冊時間: 2004-11-19, 00:07
文章: 482
來自: 閃光彈的家
Milx 寫:
不是耶
我想要的是點選要修改的物件後
會自動跑出selector的套件

Web Developer 的 outline 功能,有一個 outline current element,會在狀態列顯示出來。

Fire Bug 也有個 Inspect 功能,可以馬上顯示該元件在程式碼的哪裡。

我是這兩者配合使用,在寫 Stylish 樣式時很好用。

_________________
我的部落格


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1) Gecko/20061010 Firefox/2.0
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 9 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 29 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
cron
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群