圖片全載-FancyboxV5

支持寫真、H漫、漫畫的網站1000+,圖片全量加載,簡易的看圖功能,漫畫無限滾動閱讀模式,下載壓縮打包,如有下一頁元素可自動化下載。

< Σχολιασμός για τον κώδικα 圖片全載-FancyboxV5

Αναφορά: Καλός - ο κώδικας λειτουργεί

§
Δημοσιεύτηκε: 27/07/2024

大佬能否重新适配下 http://shijiao.meinvnews.com/

tony0809Δημιουργός
§
Δημοσιεύτηκε: 27/07/2024

这网站之前的域名好像是lianjiajr.net
测试全部规则时应该是连不上所以删除了
规则重写为匹配元素和路径不匹配域名
只要网站的框架没有变动规则就不会失效

2.4.6 已更新

§
Δημοσιεύτηκε: 27/07/2024

这网站之前的域名好像是lianjiajr.net
测试全部规则时应该是连不上所以删除了
规则重写为匹配元素和路径不匹配域名
只要网站的框架没有变动规则就不会失效

2.4.6 已更新

https://si5amc.7mmtv.sx/zh/hcomic_content/38867/content.html 在这个链接出现无法打开分页视图的情况

tony0809Δημιουργός
§
Δημοσιεύτηκε: 27/07/2024

出现这种情况是网站修改了原型链window.open()变成Proxy,4KHD也是这样,导致无法正常调用open(),这我也没办法。

tony0809Δημιουργός
§
Δημοσιεύτηκε: 27/07/2024

不对,是uBlock Origin造成的,应该是为了阻止弹窗广告,所以修改了window.open。
我这测试加受信任网站后就能正常使用分页视图了

https://*7mmtv.sx/zh/hcomic_content/*/content.html
https://www.4khd.com/content/*/*.html

沒挡广告后
7mmtv移动端会加一个iframe框架广告,PC倒是没看到什么广告影响看图,4KHD也挺干净的。

§
Δημοσιεύτηκε: 27/07/2024

不对,是uBlock Origin造成的,应该是为了阻止弹窗广告,所以修改了window.open。
我这测试加受信任网站后就能正常使用分页视图了

https://*7mmtv.sx/zh/hcomic_content/*/content.html
https://www.4khd.com/content/*/*.html

沒挡广告后
7mmtv移动端会加一个iframe框架广告,PC倒是没看到什么广告影响看图,4KHD也挺干净的。

感谢大佬!

tony0809Δημιουργός
§
Δημοσιεύτηκε: 27/07/2024

我没想过会有人看H漫也会用分页视图,左至右的阅读顺序实在是不习惯,现在多增加了一个Right To Left,只是在Default模式下给#imgBox加个direction:rtl,极简易的实现右至左的日漫阅读模式。

2.5.0 已更新,可以试用看看。

§
Δημοσιεύτηκε: 27/07/2024

我没想过会有人看H漫也会用分页视图,左至右的阅读顺序实在是不习惯,现在多增加了一个Right To Left,只是在Default模式下给#imgBox加个direction:rtl,极简易的实现右至左的日漫阅读模式。

2.5.0 已更新,可以试用看看。

我刚才在禁漫上面也出现了分页视图弹窗无法出现的问题, 我给它通过了弹窗和重定向的权限,就解决了.
7mmtv的控制台上面是有这个报错的,但是按照大佬你的说明,我想应该就是弹窗被拦截了的原因吧

tony0809Δημιουργός
§
Δημοσιεύτηκε: 27/07/2024

我刚才在禁漫上面也出现了分页视图弹窗无法出现的问题, 我给它通过了弹窗和重定向的权限,就解决了.
7mmtv的控制台上面是有这个报错的,但是按照大佬你的说明,我想应该就是弹窗被拦截了的原因吧



嗯,分页视图仅是调用window.open然后注入HTML简单实现看图功能,有些网站是需要用户自己让浏览器通过弹窗和重定向的权限才能用,毕竟很多网站都利用window.open来弹出一堆广告。

7mmtv的那个错误是CORS,跨域请求了一个未知json,这个域名跟当前域名不同,请求的服务器也没开放CORS才会报错,反正也不重要不用去了解。

§
Δημοσιεύτηκε: 11/08/2024
Επεξεργάστηκε: 11/08/2024

我刚才在禁漫上面也出现了分页视图弹窗无法出现的问题, 我给它通过了弹窗和重定向的权限,就解决了.
7mmtv的控制台上面是有这个报错的,但是按照大佬你的说明,我想应该就是弹窗被拦截了的原因吧



嗯,分页视图仅是调用window.open然后注入HTML简单实现看图功能,有些网站是需要用户自己让浏览器通过弹窗和重定向的权限才能用,毕竟很多网站都利用window.open来弹出一堆广告。

7mmtv的那个错误是CORS,跨域请求了一个未知json,这个域名跟当前域名不同,请求的服务器也没开放CORS才会报错,反正也不重要不用去了解。

大佬, 一些规则有些在火狐上面是不生效的, 比如: 小黄书 https://xchina.biz/
浏览器是120内核的火狐,算改猴版本是5.1.1

tony0809Δημιουργός
§
Δημοσιεύτηκε: 11/08/2024
Επεξεργάστηκε: 11/08/2024

大佬, 一些规则有些在火狐上面是不生效的, 比如: 小黄书 https://xchina.biz/
浏览器是120内核的火狐,算改猴版本是5.1.1

那就升級內核,120的querySelector不支持:has的寫法
https://developer.mozilla.org/zh-CN/docs/Web/CSS/:has

我這人很懶,哪個語法好用就用哪個,不會做向下兼容。

§
Δημοσιεύτηκε: 13/08/2024

大佬, 一些规则有些在火狐上面是不生效的, 比如: 小黄书 https://xchina.biz/
浏览器是120内核的火狐,算改猴版本是5.1.1

那就升級內核,120的querySelector不支持:has的寫法
https://developer.mozilla.org/zh-CN/docs/Web/CSS/:has

我這人很懶,哪個語法好用就用哪個,不會做向下兼容。

大佬, 图像缩放比例缩放的是img元素的宽度比例, 有没有办法同时缩放包含img元素的a标签的宽度比例
因为有的站的图片特别宽大, 如果只是单纯缩放img元素的宽度比例, a标签不做缩放处理, 很容易误点击a标签,跳转到新标签页查看图像.
正常来说,不是应该缩放a标签的宽度比例嘛>..<

tony0809Δημιουργός
§
Δημοσιεύτηκε: 13/08/2024

大佬, 图像缩放比例缩放的是img元素的宽度比例, 有没有办法同时缩放包含img元素的a标签的宽度比例
因为有的站的图片特别宽大, 如果只是单纯缩放img元素的宽度比例, a标签不做缩放处理, 很容易误点击a标签,跳转到新标签页查看图像.
正常来说,不是应该缩放a标签的宽度比例嘛>..<

按理說所有包含img的a標籤,點擊應該是觸發Fancybox而不是新標籤頁啊,除非Fancybox沒有正常引入,來個實際例子的鏈接我看看。

img和a的縮放比例不同步,我還真的沒有意識到這問題,我會試著改進一下。

§
Δημοσιεύτηκε: 13/08/2024

大佬, 图像缩放比例缩放的是img元素的宽度比例, 有没有办法同时缩放包含img元素的a标签的宽度比例
因为有的站的图片特别宽大, 如果只是单纯缩放img元素的宽度比例, a标签不做缩放处理, 很容易误点击a标签,跳转到新标签页查看图像.
正常来说,不是应该缩放a标签的宽度比例嘛>..<

按理說所有包含img的a標籤,點擊應該是觸發Fancybox而不是新標籤頁啊,除非Fancybox沒有正常引入,來個實際例子的鏈接我看看。

img和a的縮放比例不同步,我還真的沒有意識到這問題,我會試著改進一下。

我可能把Fancybox打开的新标签图片认成新标签网页了..
可以看下这个网址 https://meirentu.me/pic/793003644002.html
我把缩放比例设置成大概60%, img元素的width同时设置成60%, 但是a标签是宽高都是auto的,所以误点击概率还是很高的
另外我在看图的时候会使用一个触屏拖拽阅读的小书签功能, 然后Fancybox功能没有关, 就更加容易误点击a标签了..

tony0809Δημιουργός
§
Δημοσιεύτηκε: 13/08/2024

我可能把Fancybox打开的新标签图片认成新标签网页了..
可以看下这个网址 https://meirentu.me/pic/793003644002.html
我把缩放比例设置成大概60%, img元素的width同时设置成60%, 但是a标签是宽高都是auto的,所以误点击概率还是很高的
另外我在看图的时候会使用一个触屏拖拽阅读的小书签功能, 然后Fancybox功能没有关, 就更加容易误点击a标签了..

改成有開Fancybox縮a否則縮img,這樣應該可以達到你要的效果了。

§
Δημοσιεύτηκε: 14/08/2024

我可能把Fancybox打开的新标签图片认成新标签网页了..
可以看下这个网址 https://meirentu.me/pic/793003644002.html
我把缩放比例设置成大概60%, img元素的width同时设置成60%, 但是a标签是宽高都是auto的,所以误点击概率还是很高的
另外我在看图的时候会使用一个触屏拖拽阅读的小书签功能, 然后Fancybox功能没有关, 就更加容易误点击a标签了..

改成有開Fancybox縮a否則縮img,這樣應該可以達到你要的效果了。

大佬,我看你脚本主页描述的Fancybox模式的效果, 我浏览的好几个站点都没好像不符合描述, 点击图片只是在新标签页打开单张图片.
是Fancybox没引入嘛?

tony0809Δημιουργός
§
Δημοσιεύτηκε: 14/08/2024

在原網站圖集網頁點擊腳本插入的圖片,沒有像腳本說明提供的第4張截圖觸發Fancybox。

可能情況

1.腳本沒有正常引入Fancybox
這應該只會在Violentmonkey上面發生因為不兼容,腳本初始就把Fancybox當成參數使用了,沒引入Fancybox會直接錯誤,腳本完全無法正常運行。

2.網站本身有綁定點擊事件
通常是點擊觸發廣告事件與Fancybox衝突,變成新標籤頁開啟一張圖片。

不是以上這兩種情況

需要用分頁視圖做測試,空白頁注入HTML、CSS、JavaScript,理論上不會被原網站干擾,絕對乾淨。

1.分頁視圖點擊圖片無法觸發Fancybox
這情況應該是Extensions造成衝突

2.分頁視圖點擊圖片能觸發Fancybox,但原網站網頁無法觸發Fancybox。
這情況應該是Extensions或其他腳本衝突

腳本說明的測試環境,都是瀏覽器只開啟uBlock Origin、Tampermonkey+圖片全載或腳本貓+圖片全載做測試的,出現非預期的情況你需要自己排查原因。

tony0809Δημιουργός
§
Δημοσιεύτηκε: 14/08/2024

我有在4K智能電視Android TV上用Kiwi Browser + Tampermonkey做測試,在跑網頁性能底下的情況下,雖然用起來很卡,但腳本還是運行正常的,Fancybox能正常觸發。

§
Δημοσιεύτηκε: 14/08/2024

在原網站圖集網頁點擊腳本插入的圖片,沒有像腳本說明提供的第4張截圖觸發Fancybox。

可能情況

1.腳本沒有正常引入Fancybox
這應該只會在Violentmonkey上面發生因為不兼容,腳本初始就把Fancybox當成參數使用了,沒引入Fancybox會直接錯誤,腳本完全無法正常運行。

2.網站本身有綁定點擊事件
通常是點擊觸發廣告事件與Fancybox衝突,變成新標籤頁開啟一張圖片。

不是以上這兩種情況

需要用分頁視圖做測試,空白頁注入HTML、CSS、JavaScript,理論上不會被原網站干擾,絕對乾淨。

1.分頁視圖點擊圖片無法觸發Fancybox
這情況應該是Extensions造成衝突

2.分頁視圖點擊圖片能觸發Fancybox,但原網站網頁無法觸發Fancybox。
這情況應該是Extensions或其他腳本衝突

腳本說明的測試環境,都是瀏覽器只開啟uBlock Origin、Tampermonkey+圖片全載或腳本貓+圖片全載做測試的,出現非預期的情況你需要自己排查原因。

排查了下油猴脚本, 发现了 https://greasyfork.org/scripts/464541 这个脚本会明确影响到Fancybox模式的正常使用
另外,https://geinou-nude.com/ 这个网址的分页视图点击图片能正常触发Fancybox, 具体原因还在排查

tony0809Δημιουργός
§
Δημοσιεύτηκε: 14/08/2024

排查了下油猴脚本, 发现了 https://greasyfork.org/scripts/464541 这个脚本会明确影响到Fancybox模式的正常使用
另外,https://geinou-nude.com/ 这个网址的分页视图点击图片能正常触发Fancybox, 具体原因还在排查

這腳本會對所有a標籤綁定事件,而Fancybox也是對我指定的a標籤綁定事件,兩者必然衝突,就跟網站廣告事件衝突一樣,所以你只能自己取捨,可以對Links Helper添加excludes,把會用到圖片全載的網站都加一加,常用的網站也就那幾個不多吧。

§
Δημοσιεύτηκε: 14/08/2024

排查了下油猴脚本, 发现了 https://greasyfork.org/scripts/464541 这个脚本会明确影响到Fancybox模式的正常使用
另外,https://geinou-nude.com/ 这个网址的分页视图点击图片能正常触发Fancybox, 具体原因还在排查

這腳本會對所有a標籤綁定事件,而Fancybox也是對我指定的a標籤綁定事件,兩者必然衝突,就跟網站廣告事件衝突一樣,所以你只能自己取捨,可以對Links Helper添加excludes,把會用到圖片全載的網站都加一加,常用的網站也就那幾個不多吧。

https://diedk1123-ake33i.xofulitu2za222.sbs/xoxo 这个网址设置界面框出现了异常
https://greasyfork.org/scripts/464541 这个脚本在一些网站上不受影响,而且可以对网站设置不启用
最后, https://geinou-nude.com/ 这个网址是因为自设定的点击事件,所以不能在当前页面打开Fancybox嘛.?
还是因为它的页面都是img元素,所以无法触发Fancybox?

tony0809Δημιουργός
§
Δημοσιεύτηκε: 14/08/2024

这个网址设置界面框出现了异常

網站的CSS導致的,我要看一下怎麼強制修改回正常。


最后, https://geinou-nude.com/ 这个网址是因为自设定的点击事件,所以不能在当前页面打开Fancybox嘛.?
还是因为它的页面都是img元素,所以无法触发Fancybox?

因為這網站腳本並沒有在頁面插入圖片的功能,我的設計是Fancybox要綁定在腳本創建的a元素,並不會綁定原網頁的a元素,這要另外寫。

而沒有插入圖片模式是因為我覺得不適合,有目錄文字介紹,所以用右下眼睛來開分頁視圖做取代,也有幾個網站是其他原因使用這個模式。

不過倒是可以試著對原網頁的a、img綁Fancybox,之前居然完全沒想到,這要構思一下能不能寫成一個通用函式,但有些網站是完全不適合的。

tony0809Δημιουργός
§
Δημοσιεύτηκε: 14/08/2024

2.6.0 已更新

先寫個堪用的setFancybox,目前只有geinou-nude.com有效,其他的有空再看能不能加。

tony0809Δημιουργός
§
Δημοσιεύτηκε: 23/09/2024

現在多了影子畫廊模式,即便沒有在網頁主內容區塊插入圖片的功能,也能用跟ComicRead相似用Shadow DOM构建一個看圖容器,功能跟分頁視圖幾乎一樣,可以在設置UI勾選默認啟用,如有NEXT元素影子畫廊底部會添加下一話、下一篇按鈕。

§
Δημοσιεύτηκε: 23/09/2024

現在多了影子畫廊模式,即便沒有在網頁主內容區塊插入圖片的功能,也能用跟ComicRead相似用Shadow DOM构建一個看圖容器,功能跟分頁視圖幾乎一樣,可以在設置UI勾選默認啟用,如有NEXT元素影子畫廊底部會添加下一話、下一篇按鈕。

感谢大佬的更新, 请问E-hentai这个网站实现分页视图和影子画廊的难度大嘛. (>..<)

tony0809Δημιουργός
§
Δημοσιεύτηκε: 23/09/2024
>

感谢大佬的更新, 请问E-hentai这个网站实现分页视图和影子画廊的难度大嘛. (>..<)

直接按8或G難道不行嗎?,浮動選單也有這兩個選項啊。

手機要按住一張預覽圖500ms進行插入圖片,然後才能用分頁視圖,手機不能用影子畫廊,我懶得兼容手機佈局。

我這腳本簡單粗暴,一次性先取得所有圖片連結,再來創建容器、圖片佈局。

相對於E-hentai這種有請求頻率限制的,建議還是用ComicRead、Comic Looms。

這兩個都是先創建容器,再來逐一請求往容器裡添加圖片,避免請求過於頻繁被黑號、屏蔽IP。

§
Δημοσιεύτηκε: 23/09/2024
>

感谢大佬的更新, 请问E-hentai这个网站实现分页视图和影子画廊的难度大嘛. (>..<)

直接按8或G難道不行嗎?,浮動選單也有這兩個選項啊。

手機要按住一張預覽圖500ms進行插入圖片,然後才能用分頁視圖,手機不能用影子畫廊,我懶得兼容手機佈局。

我這腳本簡單粗暴,一次性先取得所有圖片連結,再來創建容器、圖片佈局。

相對於E-hentai這種有請求頻率限制的,建議還是用ComicRead、Comic Looms。

這兩個都是先創建容器,再來逐一請求往容器裡添加圖片,避免請求過於頻繁被黑號、屏蔽IP。

因为重定向弹窗的权限问题, 我之前尝试了几次没出现分页视图, 所以错以为没生效了..

§
Δημοσιεύτηκε: 24/09/2024

https://www.manhua3.com/
麻烦大佬适配下这个网址

tony0809Δημιουργός
§
Δημοσιεύτηκε: 25/09/2024

https://www.manhua3.com/
麻烦大佬适配下这个网址

2.8.4已更新

這域名一看就感覺撐不久
另一個域名
https://manhuami.cc/
規則是識別元素的換域名不會失效,除非連模板框架都換了。
有無限滾動閱讀模式,不能在影子畫廊用。

tony0809Δημιουργός
§
Δημοσιεύτηκε: 25/09/2024

舒服

關掉自動聚圖減少消耗性能
開啟自動進入影子畫廊
使用右至左模式
完全能用來鍵盤操作看日漫

§
Δημοσιεύτηκε: 25/09/2024

舒服

關掉自動聚圖減少消耗性能
開啟自動進入影子畫廊
使用右至左模式
完全能用來鍵盤操作看日漫

大佬,影子画廊的条漫模式,能否添加一个通过滚轮或ctrl+滚轮缩放图片的功能,
有些网站上面的图片在画廊中的宽度过宽了
很多网站的图片,典型的如禁漫天堂, 都是一张张分割的, 只能用条漫模式看.

tony0809Δημιουργός
§
Δημοσιεύτηκε: 25/09/2024

大佬,影子画廊的条漫模式,能否添加一个通过滚轮或ctrl+滚轮缩放图片的功能,
有些网站上面的图片在画廊中的宽度过宽了
很多网站的图片,典型的如禁漫天堂, 都是一张张分割的, 只能用条漫模式看.

日H、日同人應該都能用右至左模式,韓漫基本都是長條的。

我會嘗試寫看看,寬預設是800我用起來是絕覺得剛好,滾輪縮放應該需要寫成加減100或50?然後記憶,寬小於100恢復800,大於當前視口寬度恢復800,滾輪事件只在條漫模式有效。

tony0809Δημιουργός
§
Δημοσιεύτηκε: 25/09/2024

呃...不對,這跟我平時用的習慣衝突,ctrl+滾輪是用來調整瀏覽器縮放的。

可以用鍵盤快捷鍵嗎?
這樣比較好寫,基本右側九宮格數字鍵區的+-鍵,左側的看你想用哪兩個鍵。

§
Δημοσιεύτηκε: 26/09/2024
Επεξεργάστηκε: 26/09/2024

呃...不對,這跟我平時用的習慣衝突,ctrl+滾輪是用來調整瀏覽器縮放的。

可以用鍵盤快捷鍵嗎?
這樣比較好寫,基本右側九宮格數字鍵區的+-鍵,左側的看你想用哪兩個鍵。

我感觉不冲突吧, ctrl+滚轮就在影子画廊里面生效就可以, comicread的卷轴模式就是这样的,
我觉得蛮合理的.
另外, 像vimuimc这样的扩展在影子画廊里面是无效的, 所以我觉得再加一些单键快捷键实现一些功能也是可行的.

tony0809Δημιουργός
§
Δημοσιεύτηκε: 26/09/2024

我感觉不冲突吧, ctrl+滚轮就在影子画廊里面生效就可以, comicread的卷轴模式就是这样的,
我觉得蛮合理的.
另外, 像vimuimc这样的扩展在影子画廊里面是无效的, 所以我觉得再加一些单键快捷键实现一些功能也是可行的.

我會嘗試寫看看,事件我是直接加在window的,如何讓事件只作用在影子畫廊我沒有頭緒還得另外查例子,不然就得研究comicread是如何實現的,不過comicread代碼太高端也不一定就看得懂。

按寫腳本的經驗應該是,按下ctrl注入滾輪事件,ctrl彈起移除滾輪事件,這個滾輪事件又要避免觸發瀏覽器或其他腳本的事件,不考慮衝突情況實現起來應該不難,這需要時間測試研究調適,這個腳本功能規劃會往後排。

先實現快捷鍵+-,數字鍵區的兩個,backspace鍵左側的兩個鍵,寬度預設800調整範圍限制在400~1200,調整的步長50。

tony0809Δημιουργός
§
Δημοσιεύτηκε: 27/09/2024

2.8.9 已更新

抽時間趕出來了

快捷鍵,+、-,四個鍵。

修飾鍵,ctrl、alt、shiftKey + 滾輪

我自己試了只有shiftKey + 滾輪,不會觸發瀏覽器縮放和卷軸滾動,我盡力了將就用吧。

tony0809Δημιουργός
§
Δημοσιεύτηκε: 27/09/2024
Επεξεργάστηκε: 27/09/2024

2.8.10 已更新

找到滾輪事件不觸發預設行為不報錯的例子了
https://stackoverflow.com/questions/58061066/wheel-event-preventdefault-does-not-cancel-wheel-event

§
Δημοσιεύτηκε: 28/09/2024

2.8.10 已更新

找到滾輪事件不觸發預設行為不報錯的例子了
https://stackoverflow.com/questions/58061066/wheel-event-preventdefault-does-not-cancel-wheel-event

强!

Δημοσίευση απάντησης

Συνδεθείτε για να δημοσιεύσετε μια απάντηση.