Manga OnlineViewer

Description

Loads all pages from a chapter in a nice view, allowing for faster and more comfortable reading, without the need to wait for pages to load.

❗ Attention: Some sites require you to reload the page(F5) or open the chapter in a new tab for the script to start.

Supported Browsers

Firefox and Chrome with Tampermonkey or Violentmonkey. Other Browsers with other add-ons may also work, but not officially supported.

Installation

Main Reader

Adult Reader

Official Source: GitHub

Local Files (ZIP, CBZ, CBR..., PNGs, JPGs...)

Save this file index.html, then open it in the browser, and you will see the options to load local Files.

Supported Manga Sites

• Alandal [English]
• Asura Scans [English]
• Batoto [English]
• BilibiliComics [English]
• Comick [English]
• Dynasty-Scans [English]
• INKR [English]
• LHTranslation [English]
• LynxScans [English]
• MangaBuddy [English]
• MangaDemon [English]
• MangaDex [English]
• MangaFox / MangaHere [English]
• Mangago [English]
• MangaHub [English]
• MangaKakalot / MangaNelo / MangaNato [English]
• MangaPark [English]
• Mangareader [English] Obs: Some galleries will not be usable
• MangaSee / Manga4life [English]
• MangaToons [English]
• MangaTown [English]
• ManhuaScan [English]
• MangaGeko.com / MangaGeko.cc [English]
• NaniScans [English]
• NineManga [English]
• PandaManga [English]
• ReadManga Today [English]
• ReaperScans [English]
• KLManga [English]
• TenManga [English]
• WebNovel [English]
• WebToons [English]
• Manga33 [English]
• ZeroScans [English]
• MangaStream WordPress Plugin / Flame Comics / Realm Oasis / Voids-Scans / Luminous Scans / Shimada Scans / Night Scans / Manhwa-Freak / OzulScansEn / CypherScans / MangaGalaxy / LuaScans / Drake Scans / Rizzfables [English]
• FoOlSlide / Kireicake [English] Obs: Any Site that uses FoOLSlide
• Madara WordPress Plugin / MangaHaus / Isekai Scan / Comic Kiba / Zinmanga / mangatx / Toonily / Mngazuki / JaiminisBox / DisasterScans / ManhuaPlus / TopManhua / NovelMic / Reset-Scans / LeviatanScans / Dragon Tea / SetsuScans / ToonGod [English] Obs: Any Site that uses Madara Wordpress Plugin
• Leitor [Portuguese]
• MangaHosted [Portuguese]
• UnionMangas [Portuguese]
• KLManga [Raw]
• Local Files [Raw]
• RawDevart [Raw]
• SenManga(Raw) [Raw]
• InManga [Spanish]
• MangasIn [Spanish]
• MangaOni [Spanish]
• MangaTigre [Spanish]
• ManhwaWeb [Spanish]
• OlympusScans [Spanish]
• TuMangaOnline [Spanish]
• TuManhwas [Spanish]
• YugenMangas [Spanish]

Supported Comic Sites

• ComiCastle [English]
• ReadComicsOnline [English]

Supported Hentai Sites

Adult Script available only on GitHub

• BestPornComix [English]
• DoujinMoeNM [English]
• 8Muses.com / 8Muses.io [English] Obs: Slow start, bruteforce may be required
• ExHentai / e-Hentai [English] Obs: May get your IP Banned, use with moderation
• Fakku.cc [English]
• FSIComics [English]
• HBrowser [English]
• Hentai2Read [English]
• HentaiEra [English]
• HentaiFox [English]
• HentaiHand / nHentai.com [English]
• HentaIHere [English]
• HentaiNexus [English]
• hitomi [English]
• Imhentai [English]
• Koharu [English]
• Luscious [English]
• MultPorn [English]
• MyHentaiGallery [English]
• nHentai.net / nHentai.xxx / lhentai [English]
• 9Hentai [English]
• OmegaScans [English]
• PornComixOnline [English]
• Pururin [English]
• Simply-Hentai [English]
• 3Hentai / HentaiVox [English]
• Tsumino [English]
• XlecxOne [English]
• xyzcomics [English]
• Madara WordPress Plugin / AllPornComic / Manytoon / Manga District [English] Obs: Any Site that uses Madara Wordpress Plugin
• wnacg [English,Raw,Chinese]
• KingComix / Chochox / Comics18 [English,Spanish]
• AkumaMoe [Raw]
• GNTAI.net [Spanish]
• TMOHentai [Spanish]
• vermangasporno / vercomicsporno [Spanish]

HotKeys

• Auto Scroll: space
• Scroll Up: up / W / num_8
• Scroll Down: down / S / num_2
• Next Chapter: right / / / D / num_6
• Previous Chapter: left / ; / A / num_4
• Enlarge: - / num_add / E
• Restore: = / num_subtract / Q
• Restore: 9 / num_divide / R
• Fit Width: 0 / num_multiply / F
• Fit Height: H
• Settings: num_divide / num_5 / X
• WebComic: C
• Vertical: V
• Left to Right: N
• Right to Left: B

Features

• Auto Scroll
• View Modes:
  • Vertical/WebComic [Default]
  • Fluid Left to Right
  • Fluid Right to Left
• Bookmark Pages (To resume reading)
• Full Themes and Customizable
• Global and Individual images zoom
  • In(Global one may stretch images beyond window width)
  • Out
  • Restore original(Toggle fit width if oversize)
  • Fit width
  • Fit width if oversize[Default on]
  • Fit Height (with scroll pages)
  • Hide
• Auto reload Images
  • Counter for loaded Images
  • Individual image reload, just in case
• HotKeys
• Goto Page
• Image Loading Timer[Default 1s](Some sites require longer timers. e.g.:ExHentai,e-hentai)
• Thumbnails Navigation[Default on]
• Download all images as ZIP File[Automatic Default off]
• Lazy Load Images[Default off]

Adding new Manga Sites

Fork this project and make a pull request, in the folders "main" or "adult" create a new file .ts with The name of the site. After writing the module like below, import it from the index of the selected folder

Inside the file, gather the information needed using any means, look at other sites for inspiration, Below is an example with descriptions.

// == MangaDex =====================================================================================
export default {
    name: 'MangaDex', // The name of the to be listed, may be an array of names
    url: /https?:\/\/(www\.)?mangadex.org/, // Regex to detect the site, usually just the reader part of the site, but can be the root if is has a lot of dynamic content
    homepage: 'https://mangadex.org/',   // Link for the home page of the site, may be an array of urls
    language: ['English'], // Array of languages the site serve
    category: 'manga', // Category of the site
    waitEle: '#chapter-selector a', // Wait for something before running, some site requires some steps before the information is available
    async run() {
        // Logic for obtaining the required information
        const chapterId = /\/chapter\/([^/]+)(\/\d+)?/.exec(window.location.pathname)?.at(1);
        const home = `https://api.mangadex.org/at-home/server/${chapterId}`;
        const server = await fetch(home).then(async (res) => res.json());
        const images = server.chapter.data;
        const chapters = document.querySelectorAll('#chapter-selector a');
        return {
            title: document.querySelector('title')?.text.replace(' - MangaDex', ''), // Title of the Chapter/Manga
            series: document.querySelector("a.text-primary[href^='/title/']")?.getAttribute('href'), // Url for the gallery or chapter list
            pages: images.length, // Quantity of pages
            prev: chapters?.item(0)?.getAttribute('href'), // Previous Chapter
            next: chapters?.item(1)?.getAttribute('href'), // Next Chapter
            listImages: images.map(  // List of images
                    (img: string) => `${server.baseUrl}/data/${server.chapter.hash}/${img}`,
            ),
        };
    },
};

Look inside the types folder to better understand the structure and valid values.

Permissions

I allow this script to be posted or used anywhere as long as I am given credit and provided a link to this site. I allow parts of my script to be used freely.

Disclaimer

In case the owner/admin of one of the supported sites does not want my script to run on their site, I will make it disabled by default. Forcing users to manually activate it.

Mobile

It's recommended to use Tampermonkey with Firefox mobile or Kiwi Browser.

Bookmarklet (Not Recommended)

Settings can't be saved with Bookmarklet:

Bookmarklet seems to work only in Chrome, open the chapter then use the search bar to activate your bookmarklet.

Main Reader:

javascript:(function() {
    if (unsafeWindow === undefined) unsafeWindow = window;
    ["https://cdnjs.cloudflare.com/ajax/libs/tinycolor/1.6.0/tinycolor.min.js", "https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/5.0.0/imagesloaded.pkgd.min.js", "https://cdnjs.cloudflare.com/ajax/libs/jszip/3.9.1/jszip.min.js", "https://cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.min.js", "https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.4.8/sweetalert2.min.js", "https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js", "https://cdn.jsdelivr.net/npm/hotkeys-js@3.13.7/dist/hotkeys.min.js", "https://cdn.jsdelivr.net/npm/range-slider-input@2.4.4/dist/rangeslider.nostyle.umd.min.js", "https://cdnjs.cloudflare.com/ajax/libs/UAParser.js/1.0.37/ua-parser.min.js", "https://cdnjs.cloudflare.com/ajax/libs/blob-util/2.0.2/blob-util.min.js", "https://cdn.jsdelivr.net/gh/TagoDR/MangaOnlineViewer@latest/dist/Manga_OnlineViewer.user.min.js"].map(s => document.body.appendChild(document.createElement('script')).src = s)
})();

Adult Reader:

javascript:(function() {
    if (unsafeWindow === undefined) unsafeWindow = window;
    ["https://cdnjs.cloudflare.com/ajax/libs/tinycolor/1.6.0/tinycolor.min.js", "https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/5.0.0/imagesloaded.pkgd.min.js", "https://cdnjs.cloudflare.com/ajax/libs/jszip/3.9.1/jszip.min.js", "https://cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.min.js", "https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.4.8/sweetalert2.min.js", "https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js", "https://cdn.jsdelivr.net/npm/hotkeys-js@3.13.7/dist/hotkeys.min.js", "https://cdn.jsdelivr.net/npm/range-slider-input@2.4.4/dist/rangeslider.nostyle.umd.min.js", "https://cdnjs.cloudflare.com/ajax/libs/UAParser.js/1.0.37/ua-parser.min.js", "https://cdnjs.cloudflare.com/ajax/libs/blob-util/2.0.2/blob-util.min.js", "https://cdn.jsdelivr.net/gh/TagoDR/MangaOnlineViewer@latest/dist/Manga_OnlineViewer_Adult.user.min.js"].map(s => document.body.appendChild(document.createElement('script')).src = s)
})();