diff --git a/README.md b/README.md index 775e2589..ac2d6fd7 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ 这是一个因为目前大部分漫画站都不支持双页显示,所以每次遇到 **漫画中的跨页大图被分割成两页** 就很不爽的人为了有更好的漫画阅读体验而写的油猴脚本,为主流漫画站增加了**双页阅读模式**和各种优化体验的增强功能。 -脚本会在网页右下角弹出用于 **进入阅读模式** 的悬浮按钮,其上的快捷按钮用于切换站点增强功能的开启与否。默认会开启**自动进入阅读模式**的功能,也可在这里关闭。脚本没有全局设置,所有修改都只会在当前站点生效保存。~~反正平时也就只上那几个站点。~~ +脚本会在网页右下角弹出用于 **进入阅读模式** 的悬浮按钮,其上的快捷按钮用于切换站点增强功能的开启与否。默认会开启**自动进入阅读模式**的功能,也可在这里关闭。脚本除快捷键外,所有设置修改都只会在当前站点生效保存。~~反正平时也就只上那几个站点。~~ 脚本也提供了「[简易阅读模式](#简易阅读模式)」用于自动识别适配支持站点以外的网站。 @@ -53,7 +53,7 @@ 这个功能会在图片流中增加或删除空白页,以便在双页模式下调节图片左右页位置。 -如果你在用双页模式阅读漫画时完全没有违和感,也不追求漫画左右页位置正确,那不需要了解也完全没事。反倒是在了解后可能会因为意识到违和感的存在,并在阅读少部分漫画时因为不管怎么调整都觉得不对而浑身难受。 +如果你在用双页模式阅读漫画时完全没有违和感,也不追求漫画左右页位置正确,那不需要了解也完全没事。反倒是在了解后可能会因为意识到违和感的存在,在阅读少部分漫画时因为不管怎么调整都觉得不对而浑身难受。 但如果你追求接近翻阅实体书的体验,并且**不是强迫症敏感体质**,那还是非常推荐了解一下《[如何判断漫画左右页位置是否正确?](https://comic-read-docs.pages.dev/判断左右页位置.html)》 diff --git a/docs/index.md b/docs/index.md index d734f07a..350e77a3 100644 --- a/docs/index.md +++ b/docs/index.md @@ -12,7 +12,7 @@ 这是一个因为目前大部分漫画站都不支持双页显示,所以每次遇到 **漫画中的跨页大图被分割成两页** 就很不爽的人为了有更好的漫画阅读体验而写的油猴脚本,为主流漫画站增加了**双页阅读模式**和各种优化体验的增强功能。 -脚本会在网页右下角弹出用于 **进入阅读模式** 的悬浮按钮,其上的快捷按钮用于切换站点增强功能的开启与否。默认会开启**自动进入阅读模式**的功能,也可在这里关闭。脚本没有全局设置,所有修改都只会在当前站点生效保存。~~反正平时也就只上那几个站点。~~ +脚本会在网页右下角弹出用于 **进入阅读模式** 的悬浮按钮,其上的快捷按钮用于切换站点增强功能的开启与否。默认会开启**自动进入阅读模式**的功能,也可在这里关闭。脚本除快捷键外,所有设置修改都只会在当前站点生效保存。~~反正平时也就只上那几个站点。~~ 脚本也提供了「[简易阅读模式](#简易阅读模式)」用于自动识别适配支持站点以外的网站。 @@ -53,7 +53,7 @@ 这个功能会在图片流中增加或删除空白页,以便在双页模式下调节图片左右页位置。 -如果你在用双页模式阅读漫画时完全没有违和感,也不追求漫画左右页位置正确,那不需要了解也完全没事。反倒是在了解后可能会因为意识到违和感的存在,并在阅读少部分漫画时因为不管怎么调整都觉得不对而浑身难受。 +如果你在用双页模式阅读漫画时完全没有违和感,也不追求漫画左右页位置正确,那不需要了解也完全没事。反倒是在了解后可能会因为意识到违和感的存在,在阅读少部分漫画时因为不管怎么调整都觉得不对而浑身难受。 但如果你追求接近翻阅实体书的体验,并且**不是强迫症敏感体质**,那还是非常推荐了解一下《[如何判断漫画左右页位置是否正确?](https://comic-read-docs.pages.dev/判断左右页位置.html)》 diff --git a/src/components/Manga/actions/imageLoad.ts b/src/components/Manga/actions/imageLoad.ts index e5076a2b..e9a0dbad 100644 --- a/src/components/Manga/actions/imageLoad.ts +++ b/src/components/Manga/actions/imageLoad.ts @@ -29,7 +29,7 @@ export const checkImgSize = (i: number, e: HTMLImageElement) => { }; /** 图片加载完毕的回调 */ -export const handleImgLoaded = (i: number, e: HTMLImageElement) => () => { +export const handleImgLoaded = (i: number, e: HTMLImageElement) => async () => { setState((state) => { const img = state.imgList[i]; if (!img) return; @@ -40,6 +40,7 @@ export const handleImgLoaded = (i: number, e: HTMLImageElement) => () => { }); setLoadLock(false); loadingImgMap.delete(i); + await e.decode(); }; /** 图片加载出错的次数 */ diff --git a/src/site/ehentai/ColorizeTag.ts b/src/site/ehentai/ColorizeTag.ts index d557f84e..24e245fa 100644 --- a/src/site/ehentai/ColorizeTag.ts +++ b/src/site/ehentai/ColorizeTag.ts @@ -60,8 +60,8 @@ export const updateTagColor = async () => { css += ` /* 禁用 eh 的变色效果 */ - #taglist a { color: #DDDDDD !important; position: relative; } - #taglist a:hover { color: #EEEEEE !important; } + #taglist a { color: var(--tag) !important; position: relative; } + #taglist a:hover { color: var(--tag-hover) !important; } #taglist a::after { content: ""; @@ -72,8 +72,8 @@ export const updateTagColor = async () => { height: 2px; bottom: -7px; } - .tup { --color: #00E639; } - .tdn { --color: #FF3333; } + .tup { --color: var(--tup) } + .tdn { --color: var(--tdn) } #taglist a[style="color: blue;"] { --color: blue; } `; @@ -90,8 +90,14 @@ const getTagColorizeCss = async () => { /** 标签染色 */ export const colorizeTag = async (pageType: PageType) => { switch (pageType) { - case 'gallery': - return GM_addStyle(await getTagColorizeCss()); + case 'gallery': { + let css = + location.origin === 'https://exhentai.org' + ? '--tag: #DDDDDD; --tag-hover: #EEEEEE; --tup: #00E639; --tdn: #FF3333;' + : '--tag: #5C0D11; --tag-hover: #8F4701; --tup: green; --tdn: red;'; + css = `#taglist { ${css} }\n\n${await getTagColorizeCss()}`; + return GM_addStyle(css); + } case 'mytags': { // 进入时更新