Greasy Fork

Greasy Fork is available in English.

Text reflow on pinch zoom (mobile)

Fits all text to the screen width after a pinch gesture on phone

当前为 2024-11-18 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
emvaized
评分
0 0 0
版本
1.0.5
创建于
2024-10-30
更新于
2024-11-18
大小
5.8 KB
许可证
MIT
适用于
所有网站

This userscript is created for mobile browsers, and tries to fit all text on page to the screen width after pinch gesture. It tries to replicate text wrap from Opera Mobile, but in any browser.

For changelog see the Github page

Demo:

Possible issues

Since it is my first attempt of implementing this feature, there might be some problems:

  • Some reflowed text elements might be misaligned, if they are positioned inside an element with align-items:center

  • The script attempts to guess text element which you were zooming into, and scrolls it into view after reflow. But this feature is buggy and doesn't work reliably all the time

  • Some elements with text are not reflowed by the script, for example div elements, or span elements with display:inline set. I am yet to figure out how to target these elements without too much performance overhead and unwanted reflows

If you have any ideas on how the script can be improved, please let me know using a Feedback form or on the Github page!