[-OP-] 如何在 Opera 中指定特定網站的縮放比

看板Browsers (瀏覽器)作者 (t7: 近 Opera 者赤)時間15年前 (2011/04/17 13:11), 編輯推噓7(7027)
留言34則, 6人參與, 最新討論串1/1
如何在 Opera 中指定特定網站的縮放比 撰寫日 4/17/2011 作者: 昜 via: http://goo.gl/Yld4p 使用 Opera 時雖然有非常方便的手勢加鍵盤按鍵來調整網頁的縮放比,但對某些使用者 而言,有些特定的網站如果還需要常常手動去調整縮放比就不是十分方便了。偏偏 Opera 又沒有針對個別網站設定縮放比的選項,但好在 Opera 可以讓使用者自由自訂瀏 覽器,所以透過 CSS 的幫助使用者還是可以做到對特定的網站指定其縮放比的大小。 對某個特定的網站指定其顯示的縮放比,一直是 Opera 缺失的部分。但透過 CSS 和個 別網站設定方式,使用者還是可以完成這樣的訴求。這裡為各位讀者準備了兩種放大的方 式,一種是只針對文字部分放大,而另一種是針對整個網頁(所有物件)進行放大。如果 你自己會設計 CSS 的話也可以自行改寫為你滿意的樣式。 下載 CSS 檔 為了方便使用者直接套用 CSS 檔,並免還可能遇到檔案編碼等問題,所以在這個範例中 會會直接提供兩個預備好的 CSS 檔給讀者直接下載套用。如果你會自己寫 CSS 的話也可 以嘗試自己寫,或拿這兩個檔案來改寫成符合你的需求的 CSS 樣式。 1.首先,開啟 Opera 並在網址列輸入「opera:about」,複製下圖表示的「使用者 CSS 目 錄」。 2.將該目錄貼上資料夾視窗中並開啟,這個資料夾就是存放你的 CSS 檔案的地方。 3.點這裡下載已經寫好的 CSS 檔,然後把這兩個檔案解壓縮到上述的路徑中。註1 縮放特定的網站 EnlargeAll.css 是放大網頁中所有元素的樣式檔,而 EnlargeFont.css 則是只針對文字 部分進行縮放。該使用哪個 CSS 檔端看讀者的需求,而且既然兩個檔案都給你了,你可 以自行切換測試看看到底哪個才是適合你的 CSS 樣式。 1.為了避免讀者忘記,再說明一次,先複製「使用者 CSS 目錄」的資料夾路徑。 2.開啟你想縮放的網站,這裡以 Google 字典為例。右鍵點選網頁的空白處,點選右鍵選單 中的「編輯網站設定」。 3.將分頁切換到「顯示」,把剛剛複製的路徑貼到「個人樣式表」的欄位中,最後記得加上 「\EnlargeAll.css」或「\EnlargeFont.css」的 CSS 檔檔名。註2 4.按下 F5 或瀏覽器的「重新整理」按鈕,網頁重新載入後就會套用你所指定的 CSS 樣式 了。 後記 這個方法可能不是最好的方法,但先應該也不是甚麼壞方法,反正就是一個還算堪用的方 法。當然,身為使用者,我們還是希望 Opera 開發團隊能夠把針對某個網站指定縮放比 的功能新增到選項中,以方便使用者。如果你有更好的方法,歡迎提出來一起分享。 註1:CSS 程式碼部分來自 PTT 板友 weiyucsie 提供。 註2:以這個例子為例,這個 CSS 樣式會作用在「google.com」或「google.com.tw」的 網域上,為了避免影響其他的 Google 服務的縮放比,請在[一般]分頁中的[網站]欄 為中多加上「/dictionary」以確保這個樣是只對 Google 字典(特定的網域)有效。 -- ◆◆◆◆◆ [t7度空間] ◆◆◆◆◆ http://t7yang.blogspot.com 一個屬於我的創作空間 ◆◆ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.113.230.27

04/17 14:25, , 1F
這對mobile版有效嗎@@? 好奇一問..
04/17 14:25, 1F

04/17 15:23, , 2F
我是覺得設定css位置比較麻煩啦...
04/17 15:23, 2F

04/17 16:06, , 3F
所以我昨天才會問你有甚麼方法可以更簡單地進行設定
04/17 16:06, 3F

04/17 16:07, , 4F
以減少使用者自己去設定CSS的路徑
04/17 16:07, 4F

04/17 16:31, , 5F
這... 我沒研究過XD
04/17 16:31, 5F

04/17 16:32, , 6F
不過剛剛想到一點,User CSS可以丟進CSS的路徑
04/17 16:32, 6F

04/17 16:33, , 7F
像是"高對比"或"顯示 Class 與 Id"那樣...
04/17 16:33, 7F

04/17 16:34, , 8F
不過那個選了就是適用到所有網站就是了
04/17 16:34, 8F

04/17 16:45, , 9F
push~thanks
04/17 16:45, 9F

04/17 17:01, , 10F
樓上要注意註解2 不然網域設錯了受影響的範圍會很大 XD
04/17 17:01, 10F

04/17 23:52, , 11F
在OperaChina看到二個還挺有趣的四格 XD http://goo.gl/XWl2b
04/17 23:52, 11F

04/18 00:10, , 12F
我覺得有點難笑...(話說我很少看歐普拉拆拿 偶爾去找資料降
04/18 00:10, 12F

04/18 00:15, , 13F
也還好 第二個可以拿來了解一下瀏覽器演進
04/18 00:15, 13F

04/18 00:17, , 14F
第二張算是延伸創作 原圖是來自一個英文資訊網站
04/18 00:17, 14F

04/18 03:26, , 15F
實用推 不過想請教一事: 在"縮放特定的網站-第三點"
04/18 03:26, 15F

04/18 03:26, , 16F
個人樣式表的位置其實可以亂丟啦 不一定要在那資料夾裡頭
04/18 03:26, 16F
這點我知道

04/18 03:27, , 17F
只是放在那資料夾裡面 可以用下拉的選單挑選
04/18 03:27, 17F
其實我方在Profile裡頭的考量是因為儘量把自訂的資料都放在使用者設定資料夾中 這樣在觀念上算比較正確,而且也方便使用者備份 另外就是考慮到如果隨便在Opera的資料夾內使用者還要自己去複製那個路徑 但放在個人CSS資料夾中就可以開 opera:about 直接複製那個路徑再加上CSS檔名就可以了 主要還是考慮到方便使用者的問題

04/18 03:28, , 18F
04/18 03:28, 18F

04/18 03:30, , 19F
如果要用快速鍵啟停這個CSS樣式表 可以參看本板#1DXDZsSV
04/18 03:30, 19F

04/18 03:30, , 20F
Jedi大大的推文~
04/18 03:30, 20F

04/18 03:31, , 21F

04/18 03:35, , 22F
語法: Select user CSS file,# > Deselect user CSS file,#
04/18 03:35, 22F

04/18 03:36, , 23F
上面那個# 要看你的這個CSS檔案排的位置 可能要自己試一下~
04/18 03:36, 23F

04/18 03:43, , 24F
ps: Opera\profile\override.ini 這是個別網站設定檔
04/18 03:43, 24F
感謝 你提供的資訊,我從Jedi大那裏學到了不少東西了 ※ 編輯: t7yang 來自: 140.113.230.27 (04/18 12:53)

04/18 21:49, , 25F
UserCSS最好是放在profile\styles或安裝目錄\styles底下
04/18 21:49, 25F

04/18 21:51, , 26F
指向這兩個資料夾的話 OP會把網站個別設定存成相對路徑
04/18 21:51, 26F

04/18 21:51, , 27F
要移動會比較方便 不必另外作修改
04/18 21:51, 27F

04/18 22:23, , 28F
原來有差喔XD 都沒注意到
04/18 22:23, 28F

04/18 23:56, , 29F
有差喔 不過相對路徑只對OP預設的資料夾有效
04/18 23:56, 29F

04/18 23:57, , 30F
自建的的目錄沒用 像是UserJS 想用這招是沒用的
04/18 23:57, 30F

04/19 13:05, , 31F
那如果把JS放在預設的目錄 這樣不行嗎
04/19 13:05, 31F

04/19 18:30, , 32F
JS放在像是mouse.skin之類的目錄是ok啦
04/19 18:30, 32F

04/19 18:31, , 33F
我昨天無聊試了一下 在styles底下另開一個website資料夾
04/19 18:31, 33F

04/19 18:32, , 34F
用{LargePrefs}可以抓的到 應該只有根目錄底下不能直接用而已
04/19 18:32, 34F
文章代碼(AID): #1DgdPv-z (Browsers)
文章代碼(AID): #1DgdPv-z (Browsers)