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

[t7yang (t7: 近 Opera 者赤)]

如何在 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 檔，然後把這兩個檔案解壓縮到上述的路徑中。註１


縮放特定的網站
EnlargeAll.css 是放大網頁中所有元素的樣式檔，而 EnlargeFont.css 則是只針對文字
部分進行縮放。該使用哪個 CSS 檔端看讀者的需求，而且既然兩個檔案都給你了，你可
以自行切換測試看看到底哪個才是適合你的 CSS 樣式。

1.為了避免讀者忘記，再說明一次，先複製「使用者 CSS 目錄」的資料夾路徑。

2.開啟你想縮放的網站，這裡以 Google 字典為例。右鍵點選網頁的空白處，點選右鍵選單
中的「編輯網站設定」。

3.將分頁切換到「顯示」，把剛剛複製的路徑貼到「個人樣式表」的欄位中，最後記得加上
「\EnlargeAll.css」或「\EnlargeFont.css」的 CSS 檔檔名。註２

4.按下 F5 或瀏覽器的「重新整理」按鈕，網頁重新載入後就會套用你所指定的 CSS 樣式
了。


後記
這個方法可能不是最好的方法，但先應該也不是甚麼壞方法，反正就是一個還算堪用的方
法。當然，身為使用者，我們還是希望 Opera 開發團隊能夠把針對某個網站指定縮放比
的功能新增到選項中，以方便使用者。如果你有更好的方法，歡迎提出來一起分享。

註１：CSS 程式碼部分來自 PTT 板友 weiyucsie 提供。
註２：以這個例子為例，這個 CSS 樣式會作用在「google.com」或「google.com.tw」的
網域上，為了避免影響其他的 Google 服務的縮放比，請在［一般］分頁中的［網站］欄
為中多加上「/dictionary」以確保這個樣是只對 Google 字典（特定的網域）有效。

--
       ◆     ◆◆◆◆◆                                                        
       ◆           ◆                ［t7度空間］                              
   ◆◆◆◆◆     ◆           http://t7yang.blogspot.com                       
       ◆         ◆              一個屬於我的創作空間                          
       ◆         ◆                                                            
        ◆◆      ◆                                                            

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.113.230.27
→ cloud2211s:這對mobile版有效嗎@@? 好奇一問..
→ weiyucsie:我是覺得設定css位置比較麻煩啦...
→ t7yang:所以我昨天才會問你有甚麼方法可以更簡單地進行設定
→ t7yang:以減少使用者自己去設定CSS的路徑
→ weiyucsie:這... 我沒研究過XD
→ weiyucsie:不過剛剛想到一點，User CSS可以丟進CSS的路徑
→ weiyucsie:像是"高對比"或"顯示 Class 與 Id"那樣...
→ weiyucsie:不過那個選了就是適用到所有網站就是了
推 natyshow:push~thanks
→ t7yang:樓上要注意註解2 不然網域設錯了受影響的範圍會很大 XD
→ Weal:在OperaChina看到二個還挺有趣的四格 XD http://goo.gl/XWl2b
→ t7yang:我覺得有點難笑...(話說我很少看歐普拉拆拿 偶爾去找資料降
→ Weal:也還好 第二個可以拿來了解一下瀏覽器演進
→ t7yang:第二張算是延伸創作 原圖是來自一個英文資訊網站
推 Rplus:實用推  不過想請教一事: 在"縮放特定的網站-第三點"
→ Rplus:個人樣式表的位置其實可以亂丟啦 不一定要在那資料夾裡頭
這點我知道
→ Rplus:只是放在那資料夾裡面 可以用下拉的選單挑選
其實我方在Profile裡頭的考量是因為儘量把自訂的資料都放在使用者設定資料夾中
這樣在觀念上算比較正確，而且也方便使用者備份
另外就是考慮到如果隨便在Opera的資料夾內使用者還要自己去複製那個路徑
但放在個人CSS資料夾中就可以開 opera:about 直接複製那個路徑再加上CSS檔名就可以了
主要還是考慮到方便使用者的問題
→ Rplus:
推 Rplus:如果要用快速鍵啟停這個CSS樣式表 可以參看本板#1DXDZsSV
→ Rplus:Jedi大大的推文~
→ Rplus:    ref: http://jedi.org/opera/tech.html#standardtoolbar
→ Rplus:語法: Select user CSS file,# > Deselect user CSS file,#
→ Rplus:上面那個# 要看你的這個CSS檔案排的位置 可能要自己試一下~
推 Rplus:       ps: Opera\profile\override.ini 這是個別網站設定檔
感謝 你提供的資訊，我從Jedi大那裏學到了不少東西了
※ 編輯: t7yang          來自: 140.113.230.27       (04/18 12:53)
推 Weal:UserCSS最好是放在profile\styles或安裝目錄\styles底下
→ Weal:指向這兩個資料夾的話 OP會把網站個別設定存成相對路徑
→ Weal:要移動會比較方便 不必另外作修改
推 weiyucsie:原來有差喔XD 都沒注意到
推 Weal:有差喔 不過相對路徑只對OP預設的資料夾有效
→ Weal:自建的的目錄沒用 像是UserJS 想用這招是沒用的
→ t7yang:那如果把JS放在預設的目錄 這樣不行嗎
→ Weal:JS放在像是mouse.skin之類的目錄是ok啦
→ Weal:我昨天無聊試了一下 在styles底下另開一個website資料夾
→ Weal:用{LargePrefs}可以抓的到 應該只有根目錄底下不能直接用而已