绕指流光 发表于 2016-1-10 00:38

【工具分享】【油猴】MangaYaki - 在线漫画站体验增强脚本

本帖最后由 绕指流光 于 2016-1-10 18:30 编辑

算是个人开始学JS之后的第一个(抄来的第一个)小东西,起因是在玩油猴的时候去翻已死的userscripts.org的镜像,意外的发现了MoreManga这个功能强大的脚本,膜拜之余也有小小遗憾,但是原作者没有提供任何联系方式,也搜不到GITHUB上有对应项目,于是就干脆自己改了个分支继续开发

以后会不断维护下去,直至做出理想中的效果(其实原开发者已经做的超赞了好吗你个渣渣
目前的渣技术还只能做一些修修补补,欢迎提供新的脑洞方向和BUG反馈

github   https://github.com/flyingtassel/MangaYaki.git
来个新手教学吧,简单来说,这是一个能把浏览器(chrome和firefox,也许还有opera?)在浏览dm5等漫画站时的页面精简并提供一些其他功能的插件。具体效果如下:

1080p下chrome窗口全屏(图中为UC浏览器,chrome内核,所有基于chrome能装油猴扩展的国产浏览器应该都可以使用)
UI未隐藏,关灯模式
http://ww2.sinaimg.cn/large/6488e8b8jw1eztp4pjar9j21hc0t4dov.jpg



按下F11后全屏效果图,开灯模式
http://ww2.sinaimg.cn/large/6488e8b8jw1eztp59sf4oj21hc0u0qcr.jpg
漫画.jpg始终位于屏幕中央,不会出现原始页面每个都要滚轮一下才能看全的问题,垃圾页面元素都被移到屏幕外部了。直接按左右箭头即可翻页

最终的想法是用浏览器直接实现类似mangameeya的各类功能(其实大部分牛逼实现原作者都已经干好了……_(:з」∠)_)

要达到这种效果,你只需要Chrome或者Firefox,装一个油猴扩展For Chrome,TamperMonkey
For Firefox,GreaseMonkey
或者直接在对应的浏览器插件商店搜索安装即可

然后点击 这里,油猴会自动弹出窗口安装。再去对应页面浏览即可

至于油猴脚本其他扩展的安装和使用教程已经很多,请自行百度


MangaYaki(鳗鱼烧/漫娱烧)
[*]A script for manga online view sites.
[*]Based on MoreManga (by Chowmein@userscript).
[*]Working with TamperMonkey or GreaseMonkey.

[*]提升国内漫画网站阅读体验的用户脚本,需要运行在CHROME的TamperMonkey插件或者Firefox的GreaseMonkey插件支持。
[*]感谢Chowmein大大的MoreManga脚本提供的优良基础
[*]其实我只是想改几个小问题再多支持几家站……奈何userscript荒掉太久,联系不上作者,github和其他几家userscript托管站均找不到对应项目,只好自己动手了。
[*]版本号什么的……就继续跟着MoreManga走吧(:з」∠)
[*]如果有版权和开发问题,请在issues中提出







### 目前支持站点
>#### 8comic
>##### http://www.2comic.com
>##### http://www.6comic.com
>##### http://www.8comic.com
>#### 99comic
>##### http://dm.99manga.com
>##### http://www.cococomic.com
>##### http://mh.99770.cc
>##### http://99mh.com
>##### http://www.99comic.com
>#### dm5
>##### http://www.dm5.com
>##### http://www.1kkk.com

* -----v0.8.1.20160109
#####修改自动隐藏UI时间为3秒
#####功能说明简体化,更改一些习惯用语
#####将jquery库改为官方地址,以免GOOGLE的被墙导致脚本无法运行_(:з」∠)_

* -----v0.8.0.20160108
#####正式立项
#####建立github项目












gundam00ms 发表于 2016-1-10 01:52

MARK

我先试用下

临界点 发表于 2016-1-10 02:09

LZ你现在这个也是插件?怎么装不进360浏览器呢

不要叫水狗做主人 发表于 2016-1-10 02:25

你可以去greasefork发布

exzhawk 发表于 2016-1-10 02:33

去greasefork发布+1

schneehertz 发表于 2016-1-10 04:14

之后会考虑支持Ex么?

绕指流光 发表于 2016-1-10 08:07

本帖最后由 绕指流光 于 2016-1-10 09:09 编辑

暂时还没打算发布到greasy fork,因为自己写的东西还太少,都是在改。等追加几个功能之后再扔那边吧,正在研究多加几个站,但是国内站点的资源大多大同小异,欢迎提供其他有特色的在线站

----发送自 Xiaomi MI 4W,Android 4.4.4

aimopanda 发表于 2016-1-10 10:38

绕指流光 发表于 2016-1-10 14:34

schneehertz 发表于 2016-1-10 04:14
之后会考虑支持Ex么?

主要是ex我基本没怎么去过……而毅亨泰页面相对国内站简单的多,不像DMZJ这样的居然图片地址还专门搞了个解码公式,看两下就眼晕……

国内站点资源多是多,重复率太高,基本上原本MoreManga支持的几家大站就能满足大类需求了
所以目前正在研究毅亨泰,EX下一步吧。前端知识恶补中,现在的感觉就是jquery叼叼叼

烈之斩 发表于 2016-1-10 14:45

本帖最后由 烈之斩 于 2016-1-10 04:25 编辑

schneehertz 发表于 2016-1-9 15:14
之后会考虑支持Ex么?
ex我一直用manga readerloader,我觉得挺好用

schneehertz 发表于 2016-1-10 15:46

烈之斩 发表于 2016-1-10 14:45
ex我一直用manga reader,我觉得挺好用

这个关键词搜不出来东西....

看签名...你咋没被清洗了?

烈之斩 发表于 2016-1-10 17:21

schneehertz 发表于 2016-1-10 02:46
这个关键词搜不出来东西....

看签名...你咋没被清洗了?

我2了,写错了 是manga loader
https://greasyfork.org/en/scripts/692-manga-loader
e绅士用nsfw版:https://sleazyfork.org/en/scripts/12657-manga-loader-nsfw

galmanmk2 发表于 2016-1-10 17:43

马克

exia336 发表于 2016-1-10 20:01

frosta 发表于 2016-1-10 20:40

烈之斩 发表于 2016-1-10 01:21
我2了,写错了 是manga loader
https://greasyfork.org/en/scripts/692-manga-loader
e绅士用nsfw版:htt ...

nsfw版现在还能用么?为什么我只能看到load manga按钮,但是点了之后毫无反应?打开setting的gear button也没找到

烈之斩 发表于 2016-1-10 22:29

frosta 发表于 2016-1-10 07:40
nsfw版现在还能用么?为什么我只能看到load manga按钮,但是点了之后毫无反应?打开setting的gear button ...

我这可以用,无问题 我设的auto load

@version    1.0.28

在ex和g.e都可以,firefox/chrome也都可以(分别是GM/TM),你是怎么安装的?

绕指流光 发表于 2016-1-10 23:57

花了一天时间总算把E绅士的真实图片URL生成规则摸清了,目前还有点BUG,和其它站的实现方式还是不大一样。
最近时间可能会有点紧,如果工作顺利的话尽快提供E绅士支持

另外欢迎大家使用中提交BUG和建议,有问题回帖@ 即可

frosta 发表于 2016-1-11 08:15

烈之斩 发表于 2016-1-10 06:29
我这可以用,无问题 我设的auto load

@version    1.0.28


用的TM。试了下别的网站,有的同样只有按钮点了没反应,有的点了之后却能进到漫画阅读模式中,莫名。。。

frosta 发表于 2016-1-11 08:34

顺便楼主这个脚本预载的图片能直接像dmzj那样一页n张图么,上面提到的那个manga loader的模式就不错(虽然我还没搞定nsfw版),可以拿来参考下

绕指流光 发表于 2016-1-11 09:04

frosta 发表于 2016-1-11 08:34
顺便楼主这个脚本预载的图片能直接像dmzj那样一页n张图么,上面提到的那个manga loader的模式就不错(虽然 ...

原More Manga和Manga Loader的设计意图是不一样的
Manga Loader的想法就是我直接把整个漫画的Chapter所有图片都给你从上到下顺序布局到一个页面上,然后滚轮下翻就是了,不考虑图片在页面的什么位置。
More Manga的想法是先规划好阅读容器,然后把图片序列放到阅读容器里让你一页一页的看,模拟使用Mangameeya、ComicViewer这样的漫画阅读软件效果,如果你用竖屏CHROME,看单页漫画的体验会很好。
从阅读体验上来说,我更倾向于More Manga的模式,毕竟大多数人用浏览器并不是为了看条漫,Manga Loader要自己写CSS才能适配出每一页刚好适合窗口大小的效果,但是一滚动就破坏了

现在MangaYaki的努力方向是支持更多站点,然后再支持拼页,把横屏显示效果做好,最后再考虑其他的额外功能

绕指流光 发表于 2016-1-11 11:03

本帖最后由 绕指流光 于 2016-1-11 11:16 编辑

另外早上抽空浏览了一遍Manga Loader源码,思路果然简单粗暴且有效……
nsfw脚本直接就是写了规则后再调用的Manga Loader里的对象

说起来发现一个意外的收获,如果用UC浏览器配合Manga Loader的话,可以利用它的快图模式变相达到我希望的效果……http://ww3.sinaimg.cn/large/6488e8b8jw1ezvdxdra9gj21400ki7b9.jpg
http://ww1.sinaimg.cn/large/6488e8b8jw1ezvdz8x4f5j21400o4qep.jpg

wildwind 发表于 2016-1-11 11:33

哦这个蛮好的,不过我一般都是看dmzj在线的这个好像不支持吧?

qwemiku 发表于 2016-1-11 14:28

马克,感谢~

yellow0507 发表于 2016-1-11 15:22

马克

yellow0507 发表于 2016-1-11 15:22

马克

yellow0507 发表于 2016-1-11 15:22

马克

leyenda 发表于 2016-1-11 16:45

感谢,同求dmzj的支持

绕指流光 发表于 2016-1-11 18:58

dmzj的稍微复杂一点,URL是靠一个公式算Key的,不过现在有了新思路,如果e绅士的解决了肯定能顺带着搞定,有时间会支持的

fredfei 发表于 2016-1-14 13:51

鼠标翻页一定会出工具栏遮住图片很不方便啊(不用键盘的话)

ASMR 发表于 2016-1-14 14:54

马了个克

—— 来自 smartisan SM705, Android 4.4.2

县崖下的金鱼姬 发表于 2016-1-14 15:38

马一个

chiman 发表于 2016-1-15 13:45

dm5用着很不错,多谢

leyenda 发表于 2016-3-22 18:46

>##### http://www.2comic.com
>##### http://www.6comic.com
>##### http://www.8comic.com
>##### http://www.cococomic.com
>##### http://www.99comic.com
这几个网站好像识别不了了
页: [1]
查看完整版本: 【工具分享】【油猴】MangaYaki - 在线漫画站体验增强脚本