Firefox 瀏覽器附加元件
  • 擴充套件
  • 佈景主題
    • 用於 Firefox
    • 字典與語言套件
    • 其他瀏覽器網站
    • Android 版的附加元件
登入
Fixed-width and CSS Annihilator 預覽

Fixed-width and CSS Annihilator 作者: Veyrdite

Provides key shortcuts for removing fixed-width page styling, un-sticking "fixed" elements and disabling CSS completely.

4.5 (6 reviews)4.5 (6 reviews)
37 Users37 Users
必須使用 Firefox 才能使用此擴充套件
下載 Firefox 並安裝擴充套件
下載檔案

擴充套件後設資料

關於此擴充套件
Usage

Key shortcuts:
  • Shift+Alt+X: De-widthify current page (and un-stick fixed page elements)
  • Shift+Alt+A: Disable all styles (CSS) on current page

This addon does not work well on some websites. The web is too complex to make a perfect solution.

To "undo" any changes made to a page: refresh the page. No changes are permanent.


De-widthify
Many websites restrict the width of their text columns. Some people find this unergonomic, especially on small laptop screens and/or articles that require lots of scrolling.

This addon subverts the most common way websites implement fixed-width text columns: margins in CSS. When you press Shift+Alt+X all page margins are nullified.

This solution is not 100% reliable. Some websites will work fine, others may look ugly or break. It's impossible to make a page-modifying solution that works on every possible site out there.


Un-sticky "position:fixed" elements
Many websites contain large headers or footers that are "fixed" in place even when you scroll down. This can be unergonomic on small screens.

This feature naively disables all such elements. A small amount of extra vertical whitespace may be left behind due to styling technicalities.


Disable CSS
This features disables all site stylings, leaving you with your browser's default CSS styles instead. A few extra (minor) rules are added (eg to prevent images exceeding your screen width).

Useful for when:
  • A website is difficult to read
  • A website is hiding parts of or the whole page from you

The default CSS styles provided by your browser are generally considered easy to read, however they can be further customised via UserChrome.css.

Caution: some websites intentionally hide elements they do not want you to interact with. I do not recommend using interactive sites with CSS disabled, it can be a very confusing experience.


Future Extension Ideas
  • Options dialog: configurable "extra-CSS rules" to be added when you disable CSS
  • Options dialog: configurable CSS for the de-widthify feature
  • Options dialog: configurable key shortcuts
  • Toolbar button
  • General goal: make a more configurable alternative to "Firefox Reader Mode"

I am unlikely to implement these features unless nagged or helped :)
由 1 位評論者給出 4.5 分
登入後即可幫此擴充套件評分
目前沒有評分

已儲存星等

5
4
4
1
3
1
2
0
1
0
閱讀全部 6 條評論
更多資訊
附加元件網址
  • 技術支援信箱
版本
1.1.0
大小
33.29 KB
最近更新
6 年前 (2019年8月3日)
相關分類
  • 外觀
授權條款
僅 GNU General Public License v3.0
版本紀錄
  • 瀏覽所有版本
新增至收藏集
檢舉此附加元件
1.1.0 版的發行公告
Updated de-widthify CSS rules to slightly increase site compatibility.

It's still not perfect, and notably sites that use "!important" in their rules can still override this addon. In the long term some JS is needed to strip such rules from sites (or similar).
Veyrdite 製作的更多擴充套件
  • 目前沒有評分

  • 目前沒有評分

  • 目前沒有評分

  • 目前沒有評分

  • 目前沒有評分

  • 目前沒有評分

前往 Mozilla 官網

附加元件

  • 關於
  • Firefox 附加元件部落格
  • 擴充套件工作坊
  • 開發者交流中心
  • 開發者政策
  • 社群部落格
  • 討論區
  • 回報 Bug
  • 評論撰寫指南

瀏覽器

  • Desktop
  • Mobile
  • Enterprise

產品

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • 隱私權
  • Cookie
  • 法律資訊

除另有註明外,本站內容皆採用創用 CC 姓名標示—相同方式分享條款 3.0 或更新版本授權大眾使用。