Tampermonkey在安卓设备上的脚本编辑器显示问题分析与解决方案

问题描述

在安卓设备上使用Tampermonkey时，用户遇到了脚本编辑器界面显示异常的问题。主要表现为编辑器高度被截断，仅能显示少量代码行（约6行），导致脚本编辑体验极差。该问题在三星S23 Ultra（Android 13）设备上的Kiwi浏览器（版本124.0.6327.4）中尤为明显。

技术分析

此问题源于移动设备视口(viewport)处理机制与编辑器布局的兼容性问题。当在移动设备上打开脚本编辑器时：

1. 浏览器错误地应用了移动端视口缩放
2. 编辑器高度被限制为100%容器高度
3. 虚拟键盘弹出时进一步压缩了可用空间

这种双重压缩导致编辑器可视区域大幅缩小，严重影响用户体验。

解决方案演进

官方修复方案

开发团队在Tampermonkey 5.3.6206 beta版本中通过调整视口设置彻底解决了此问题。修复方案：

1. 优化移动端视口处理逻辑
2. 调整编辑器容器高度计算方式
3. 改善键盘弹出时的布局响应

临时解决方案

对于无法升级到beta版本的用户（特别是Kiwi浏览器用户），可通过以下方法临时解决：

1. CSS覆盖方案：

.tr_content {
  height: 1000px;
}

在Tampermonkey设置中将配置模式改为"高级"，然后在自定义CSS中添加上述代码。

2. HTML类修改方案：

document.querySelector('html').classList.remove('mobile')
document.querySelectorAll('tr.tr_content')[0].style.height = '1000px'

兼容性说明

需要注意的是，Kiwi浏览器由于自身实现问题，无法正常运行Tampermonkey 5.2及以上版本。这是由于：

1. Kiwi浏览器错误地报告支持MV3的userScripts API
2. 但实际上并未完整实现相关功能
3. 导致新版Tampermonkey无法正常工作

对于Kiwi浏览器用户，建议：

1. 继续使用Tampermonkey 5.1.1版本
2. 或考虑切换至其他支持完善的移动浏览器

最佳实践建议

1. 推荐使用Microsoft Edge Canary等对扩展支持更好的移动浏览器
2. 可通过WebDAV实现脚本同步，使用系统原生编辑器编辑
3. 注意备份脚本时使用文件导出方式，WebDAV导入功能可能存在兼容性问题

总结

Tampermonkey团队已在新版本中修复了移动端编辑器显示问题，但由于部分浏览器的兼容性问题，用户可能需要根据实际情况选择解决方案。理解问题的技术根源有助于用户做出最适合自身环境的选择。