ComicRead

为漫画站增加双页阅读、翻译等优化体验的增强功能。百合会(记录阅读历史、自动签到等)、百合会新站、动漫之家(解锁隐藏漫画)、E-Hentai(关联 nhentai、快捷收藏、标签染色、识别广告页等)、nhentai(彻底屏蔽漫画、无限滚动)、Yurifans(自动签到)、拷贝漫画(copymanga)(显示最后阅读记录、解锁隐藏漫画)、PonpomuYuri、再漫画、明日方舟泰拉记事社、禁漫天堂、漫画柜(manhuagui)、漫画DB(manhuadb)、动漫屋(dm5)、绅士漫画(wnacg)、mangabz、komiic、MangaDex、無限動漫、新新漫画、熱辣漫畫、hitomi、SchaleNetwork、kemono、nekohouse、welovemanga

< Feedback on ComicRead

Review: Good - script works

§
Posted: 28.07.2024

9.4.2版本在ipad上的单页模式会根据窗口强项改变图片比例,ipad横竖屏都是。双页模式似乎也有,不太明显(不太确定)


现在没法像之前版本自动识别ipad横竖屏实现单双页模式

hymbzAuthor
§
Posted: 28.07.2024

是说ipad横过来时会自动变双页模式,而竖过来会自动变单页模式?

§
Posted: 28.07.2024

是说ipad横过来时会自动变双页模式,而竖过来会自动变单页模式?

是滴,上个版本还能这样

hymbzAuthor
§
Posted: 29.07.2024

已更新修复

§
Posted: 29.07.2024

已更新修复

感谢更新!

还有个bug应该是9.4.2遗留下来的

如果关闭“禁止图片自动放大选项”,图片会被强行拉伸或压缩来填充页面(单页模式),以前无论怎样是会保留黑边确保图片比例正常。在竖屏下很明显。

之前双页模式好像会因为根据屏幕宽度够不够容纳双页决定是否采用双页,现在会直接压缩或拉伸图片来填充页面。

§
Posted: 29.07.2024

补充一下,是在(stay)iPad Safari上体现的。

我现在还用着9.4.1 ,因为尤其是竖屏下的单页模式在iPad Safari上压缩漫画页面比例不太好看,

§
Posted: 29.07.2024

我感觉是iPad的屏幕的类似4:3这种比例导致不兼容,其他电脑端和手机端,显示黑边就能保证漫画正常比例

hymbzAuthor
§
Posted: 30.07.2024

每个网站上都会吗?能发下截图吗?我这边用 iphone 测试是没问题

§
Posted: 30.07.2024
Edited: 30.07.2024

这是对比,9.4.3(第二个)明显占满屏幕改变了图片比例

除了ipad以外好像都没问题

§
Posted: 30.07.2024
Edited: 30.07.2024

原因應該是 <picture style="aspect-ratio: w/h"> 這個部分在 Chrome 上面正常,但在 Safari 沒作用.
像截圖裡面,picture 設定是 690x745,但 render 出來是 1549x745,把視窗寬度吃滿了

我另外弄了幾個簡單的 html 去測試了 Safari 對 css aspect-ratio 的支援度,但都正常沒遇到這問題。只有在 comicRead 這邊出問題,可能請作者找一下是不是有被其他設定覆蓋過去了

hymbzAuthor
§
Posted: 31.07.2024

@Evan Tseng 非常感谢!试了下好像是当父元素是 display: block; 时就会出错,换成 flex 或 grid 就没问题(codepen),不过 flex 和 grid 在居中和拉伸上又会有问题。

§
Posted: 02.08.2024

picture>img 只要設定 width: auto; object-fit: contain; 應可保持圖片的正確比例.
再依據父元素 div.img 在畫面上的位置來設置 picture>img 要靠左對齊 margin: 0 auto 0 0;,或是靠右對齊 margin: 0 0 0 auto;,或是對齊中央 margin: 0 auto;

這樣就只需改 picture>img 的 style 屬性,其他部分都不用改動

hymbzAuthor
§
Posted: 04.08.2024

脚本需要让图片在宽高比不变的情况下放大占满所在空间,之前脚本是根据显示窗口的宽高比来判断图片类型的,只要根据图片类型将 width 或 height 中更长的一边设为 100% 就完事了。但这样会导致屏幕不够宽时没法显示为双页模式(github issue),所以在之前的更新中改掉了。

至于更新后在 Safari 上的兼容问题,非常抱歉的是我找不到完美的纯CSS解决方案😢。而如果使用 js 跟以前一样通过计算宽高比来设置 width/height 的话又太浪费性能了,尤其是在非 Safari 浏览器上,所以只能退而求其次选择有瑕疵的方案了。

现在更新后在 Safari 浏览器上图片会直接占满空间,使用 object-fit 来防止图片变形。但代价就是图片底下的灰色背景和图案没法根据图片实际尺寸进行缩放了,为此我取消了灰色背景,并将图案调整为居中显示。具体对比见附图。

虽然观感上会有所变化,但因为一般图片加载都很快,很少能看到图片底下的背景,所以应该影响不大?

§
Posted: 04.08.2024

脚本需要让图片在宽高比不变的情况下放大占满所在空间,之前脚本是根据显示窗口的宽高比来判断图片类型的,只要根据图片类型将 width 或 height 中更长的一边设为 100% 就完事了。但这样会导致屏幕不够宽时没法显示为双页模式(github issue),所以在之前的更新中改掉了。

至于更新后在 Safari 上的兼容问题,非常抱歉的是我找不到完美的纯CSS解决方案😢。而如果使用 js 跟以前一样通过计算宽高比来设置 width/height 的话又太浪费性能了,尤其是在非 Safari 浏览器上,所以只能退而求其次选择有瑕疵的方案了。

现在更新后在 Safari 浏览器上图片会直接占满空间,使用 object-fit 来防止图片变形。但代价就是图片底下的灰色背景和图案没法根据图片实际尺寸进行缩放了,为此我取消了灰色背景,并将图案调整为居中显示。具体对比见附图。

虽然观感上会有所变化,但因为一般图片加载都很快,很少能看到图片底下的背景,所以应该影响不大?




感谢更新!已经很强了,加载背景完全没影响的,辛苦了!

Post reply

Sign in to post a reply.