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)
38 个用户38 个用户
您需要 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 :)
评分 4.5(1 位用户)
登录以评价此扩展
目前尚无评分

已保存星级评分

5
4
4
1
3
1
2
0
1
0
阅读全部 6 条评价
更多信息
附加组件链接
  • 支持邮箱
版本
1.1.0
大小
33.29 KB
上次更新
6 年前 (2019年8月3日)
相关分类
  • 外观
许可证
仅 GNU 通用公共许可证 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 附加组件博客
  • 扩展工坊
  • 开发者中心
  • 开发者政策
  • 社区博客
  • 论坛
  • 报告缺陷
  • 评价指南

浏览器

  • Desktop
  • Mobile
  • Enterprise

产品

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

除非另有注明,否则本网站上的内容可按知识共享 署名-相同方式共享 3.0 或更新版本使用。