search

koishijs / koishi

Cross-platform chatbot framework made with love
https://koishi.chat
MIT License
4.54k stars 249 forks source link

Bug: 手机聊天短气泡提前换行 #1248

Closed CyanChanges closed 11 months ago

CyanChanges commented 1 year ago

Describe the bug

Screenshot_20231030-211107

11451
4
11451
4

Screenshot_20231030-211338

hel
p

Steps to reproduce

打开有对话示例的文档 或 打开 sandbox 发送一些消息

Expected behavior

不要换行，空间够

Screenshots

Screenshot_20231030-211107 Screenshot_20231030-211338

Versions

Additional context

No response

shigma commented 1 year ago

c58d5298b5e6e6ccd0cfbc5e4f85bc31_720

真不是手机问题？

目前没法复现所以也没法修复。

shigma commented 1 year ago

应该真的是手机系统问题。

CyanChanges commented 1 year ago

要么是 Chrome 的问题，要么是 Android 14？ (手机汐了，所以也我大抵上也复现不了了

shigma commented 1 year ago

我有看到其他人在其他手机应用上遇到了类似的问题，也是最后一个字符被换行。但是他并未在 Koishi 中成功复现。因此我认为这个问题很与可能是手机渲染程序的问题。

在给出稳定复现方法之前我不认为这个问题是 Koishi 可以处理的。

CyanChanges commented 1 year ago

我 Android Studio 开个 P7p 的模拟器试一下

CyanChanges commented 1 year ago

复现了，由于未知原因，我手机开gh网页貌似不可以传图，马上发

CyanChanges commented 1 year ago

如图，在设置中将系统字体大小调大一格 Screenshot_20231113-182441

打开文档，出现提前换行 Screenshot_20231113-183430

将字体大小调回去后： Screenshot_20231113-182444

（我好像看到过全局字体缩放在较新的安卓版本才加/优化的，如果是某些厂商的定制ROM我也不到效果以不一样

shigma commented 1 year ago

所以这个问题还是系统的问题吧，理论上能在 Koishi 侧修复吗？

如果可以的话，你可以把手机上浏览器的 inspect 打开，看看能不能调 CSS 解决（不影响正常显示的前提下）。

CyanChanges commented 1 year ago

所以这个问题还是系统的问题吧，理论上能在 Koishi 侧修复吗？

如果可以的话，你可以把手机上浏览器的 inspect 打开，看看能不能调 CSS 解决（不影响正常显示的前提下）。

那我也许得先

查看详细步骤

1. 解锁 OEM （清除所有数据） 2. 刷 Magisk 3. 启动 Zygisk 4. 安装 LSPosed 模块 5. 安装 ChromeXt，勾选 Chrome 浏览器 6. 打开浏览器，加载 Developer Tools 7. 然后发现改不了（

才能在 Chrome 中使用开发者工具进行调试 但是修改 CSS 可能会有点麻烦，由于我没有进行过移动端开发过，所以不是很好进行调试（只能查看无法编辑，而且查看的体验也有点炸裂（

CyanChanges commented 1 year ago

有时间看看开个有 HMR 热修补的 Koishi WebUI (或 Document) 在电脑上修改，手机上查看，这可能方便些

MaikoTan commented 1 year ago

那我也许得先

查看详细步骤

1. 解锁 OEM （清除所有数据） 2. 刷 Magisk 3. 启动 Zygisk 4. 安装 LSPosed 模块 5. 安装 ChromeXt，勾选 Chrome 浏览器 6. 打开浏览器，加载 Developer Tools 7. 然后发现改不了（

才能在 Chrome 中使用开发者工具进行调试

You don't need to install XPosed, since you could just debug the webpage on your phone from any PC as long as you connect your phone to the PC via USB and activate the USB debugging mode. Then open Chrome and navigate to chrome://inspect, you would see your phone in the remote devices section.

CyanChanges commented 1 year ago

那我也许得先 查看详细步骤

  1. 解锁 OEM （清除所有数据）
  2. 刷 Magisk
  3. 启动 Zygisk
  4. 安装 LSPosed 模块
  5. 安装 ChromeXt，勾选 Chrome 浏览器
  6. 打开浏览器，加载 Developer Tools
  7. 然后发现改不了（

才能在 Chrome 中使用开发者工具进行调试

You don't need to install XPosed, since you could just debug the webpage on your phone from any PC as long as you connect your phone to the PC via USB and activate the USB debugging mode. Then open Chrome and navigate to chrome://inspect, you would see your phone in the remote devices section.

你说的对，但是我试过了，这是我 DevTools 发生的变化：

CC 是一个 [] 岁 的男子，由于 [] 被送进 []

这天，CC 插上的他的手机，允许了 USB 调试 然后他打开 chrome://inspect image 他发现这个界面和以往一些不同，不过 CC 觉得这没有什么大不了的 继续开始调试

他找到那个页面，很快就点开 inspect 按钮

这东西真奇怪，怎么会有 404 的页面

CC 嘟囔道，

404 也没什么大不了的

CC 继续准备调试

image

CC 看了下说明，点开了 inspect fallback 按钮 页面展示出了 DevTools 的界面，CC 高兴道

一点问题都没有啊

但是随后页面就保持在这里了，没有什么东西继续加载 image

CC 看面前的 DevTools，突然倒了下去，被随后的 ... 编不下去了(x

(这就去 yay -Syyu.png

UPDATE: 没用，还是不行 image

CyanChanges commented 1 year ago

image docs, dev... failed

CyanChanges commented 1 year ago

shigma 能试试改字体大小后，你的手机可以复现吗？我这边 docs 跑不起来，远程 DevTools 也不能正常使用

shigma commented 1 year ago

Screenshot_2023-11-13-22-58-14-817_com.android.chrome.jpg

Screenshot_2023-11-13-22-58-03-417_com.android.chrome.jpg

Screenshot_2023-11-13-22-57-42-578_com.android.chrome.jpg

Screenshot_2023-11-13-22-57-32-848_com.android.chrome.jpg

我的任何字体均无法复现。

github-actions[bot] commented 11 months ago

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

github-actions[bot] commented 11 months ago

This issue was closed because it has been stalled for 5 days with no activity.