<!DOCTYPE html>
<html lang="en" class="">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# object: http://ogp.me/ns/object# article: http://ogp.me/ns/article# profile: http://ogp.me/ns/profile#">
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Language" content="en">
<meta name="viewport" content="width=1020">
<title>anka-213/webcomic_reader · GitHub</title>
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
<link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-114.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-144.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png">
<meta property="fb:app_id" content="1401488693436528">
<meta content="@github" name="twitter:site" /><meta content="summary" name="twitter:card" /><meta content="anka-213/webcomic_reader" name="twitter:title" /><meta content="webcomic_reader - Webcomic Reader userscript at" name="twitter:description" /><meta content="https://avatars0.githubusercontent.com/u/475451?v=3&s=400" name="twitter:image:src" />
<meta content="GitHub" property="og:site_name" /><meta content="object" property="og:type" /><meta content="https://avatars0.githubusercontent.com/u/475451?v=3&s=400" property="og:image" /><meta content="anka-213/webcomic_reader" property="og:title" /><meta content="https://github.com/anka-213/webcomic_reader" property="og:url" /><meta content="webcomic_reader - Webcomic Reader userscript at" property="og:description" />
<meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats">
<meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors">
<link rel="assets" href="https://assets-cdn.github.com/">
<meta name="pjax-timeout" content="1000">
<meta name="msapplication-TileImage" content="/windows-tile.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="selected-link" value="repo_source" data-pjax-transient>
<meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU">
<meta name="google-analytics" content="UA-3769691-2">
<meta content="collector.githubapp.com" name="octolytics-host" /><meta content="github" name="octolytics-app-id" /><meta content="4247FA1B:35CD:1A186C33:567411CD" name="octolytics-dimension-request_id" />
<meta content="/<user-name>/<repo-name>" data-pjax-transient="true" name="analytics-location" />
<meta content="Rails, view, files#disambiguate" data-pjax-transient="true" name="analytics-event" />
<meta class="js-ga-set" name="dimension1" content="Logged Out">
<meta name="hostname" content="github.com">
<meta name="user-login" content="">
<meta name="expected-hostname" content="github.com">
<link rel="mask-icon" href="https://assets-cdn.github.com/pinned-octocat.svg" color="#4078c0">
<link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico">
<meta content="b5e491782b293dd390358341f300d56fcb1449dc" name="form-nonce" />
<link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github-e97c72c2033633f7ed8d7f35634ce63306b8468590f62170ca69f873ddd50bc5.css" media="all" rel="stylesheet" />
<link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github2-2896c9f955f38e3e69553cfa2ad0e470e0fb7f3b00e058913bcd54a4b54e37bf.css" media="all" rel="stylesheet" />
<meta http-equiv="x-pjax-version" content="6811e8cecedd9baa354917944a9a3687">
<meta name="description" content="webcomic_reader - Webcomic Reader userscript at">
<meta name="go-import" content="github.com/anka-213/webcomic_reader git https://github.com/anka-213/webcomic_reader.git">
<meta content="475451" name="octolytics-dimension-user_id" /><meta content="anka-213" name="octolytics-dimension-user_login" /><meta content="45752685" name="octolytics-dimension-repository_id" /><meta content="anka-213/webcomic_reader" name="octolytics-dimension-repository_nwo" /><meta content="true" name="octolytics-dimension-repository_public" /><meta content="true" name="octolytics-dimension-repository_is_fork" /><meta content="44136610" name="octolytics-dimension-repository_parent_id" /><meta content="v4Lo/webcomic_reader" name="octolytics-dimension-repository_parent_nwo" /><meta content="9590037" name="octolytics-dimension-repository_network_root_id" /><meta content="ameboide/webcomic_reader" name="octolytics-dimension-repository_network_root_nwo" />
<link href="https://github.com/anka-213/webcomic_reader/commits/master.atom" rel="alternate" title="Recent Commits to webcomic_reader:master" type="application/atom+xml">
</head>
<body class="logged_out env-production vis-public fork">
<a href="#start-of-content" tabindex="1" class="accessibility-aid js-skip-to-content">Skip to content</a>
<div class="header header-logged-out" role="banner">
<div class="container clearfix">
<a class="header-logo-wordmark" href="https://github.com/" data-ga-click="(Logged out) Header, go to homepage, icon:logo-wordmark">
<span class="mega-octicon octicon-logo-github"></span>
</a>
<div class="header-actions" role="navigation">
<a class="btn btn-primary" href="/join" data-ga-click="(Logged out) Header, clicked Sign up, text:sign-up">Sign up</a>
<a class="btn" href="/login?return_to=%2Fanka-213%2Fwebcomic_reader" data-ga-click="(Logged out) Header, clicked Sign in, text:sign-in">Sign in</a>
</div>
<div class="site-search repo-scope js-site-search" role="search">
<!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/anka-213/webcomic_reader/search" class="js-site-search-form" data-global-search-url="/search" data-repo-search-url="/anka-213/webcomic_reader/search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /></div>
<label class="js-chromeless-input-container form-control">
<div class="scope-badge">This repository</div>
<input type="text"
class="js-site-search-focus js-site-search-field is-clearable chromeless-input"
data-hotkey="s"
name="q"
placeholder="Search"
aria-label="Search this repository"
data-global-scope-placeholder="Search GitHub"
data-repo-scope-placeholder="Search"
tabindex="1"
autocapitalize="off">
</label>
</form>
</div>
<ul class="header-nav left" role="navigation">
<li class="header-nav-item">
<a class="header-nav-link" href="/explore" data-ga-click="(Logged out) Header, go to explore, text:explore">Explore</a>
</li>
<li class="header-nav-item">
<a class="header-nav-link" href="/features" data-ga-click="(Logged out) Header, go to features, text:features">Features</a>
</li>
<li class="header-nav-item">
<a class="header-nav-link" href="https://enterprise.github.com/" data-ga-click="(Logged out) Header, go to enterprise, text:enterprise">Enterprise</a>
</li>
<li class="header-nav-item">
<a class="header-nav-link" href="/pricing" data-ga-click="(Logged out) Header, go to pricing, text:pricing">Pricing</a>
</li>
</ul>
</div>
</div>
<div id="start-of-content" class="accessibility-aid"></div>
<div id="js-flash-container">
</div>
<div role="main" class="main-content">
<div itemscope itemtype="http://schema.org/WebPage">
<div id="js-repo-pjax-container" class="context-loader-container js-repo-nav-next" data-pjax-container>
<div class="pagehead repohead instapaper_ignore readability-menu experiment-repo-nav">
<div class="container repohead-details-container">
<ul class="pagehead-actions">
<li>
<a href="/login?return_to=%2Fanka-213%2Fwebcomic_reader"
class="btn btn-sm btn-with-count tooltipped tooltipped-n"
aria-label="You must be signed in to watch a repository" rel="nofollow">
<span class="octicon octicon-eye"></span>
Watch
</a>
<a class="social-count" href="/anka-213/webcomic_reader/watchers">
1
</a>
</li>
<li>
<a href="/login?return_to=%2Fanka-213%2Fwebcomic_reader"
class="btn btn-sm btn-with-count tooltipped tooltipped-n"
aria-label="You must be signed in to star a repository" rel="nofollow">
<span class="octicon octicon-star "></span>
Star
</a>
<a class="social-count js-social-count" href="/anka-213/webcomic_reader/stargazers">
2
</a>
</li>
<li>
<a href="/login?return_to=%2Fanka-213%2Fwebcomic_reader"
class="btn btn-sm btn-with-count tooltipped tooltipped-n"
aria-label="You must be signed in to fork a repository" rel="nofollow">
<span class="octicon octicon-repo-forked "></span>
Fork
</a>
<a href="/anka-213/webcomic_reader/network" class="social-count">
18
</a>
</li>
</ul>
<h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public ">
<span class="octicon octicon-repo-forked "></span>
<span class="author"><a href="/anka-213" class="url fn" itemprop="url" rel="author"><span itemprop="title">anka-213</span></a></span><!--
--><span class="path-divider">/</span><!--
--><strong><a href="/anka-213/webcomic_reader" data-pjax="#js-repo-pjax-container">webcomic_reader</a></strong>
<span class="page-context-loader">
<img alt="" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</span>
<span class="fork-flag">
<span class="text">forked from <a href="/v4Lo/webcomic_reader">v4Lo/webcomic_reader</a></span>
</span>
</h1>
</div>
<div class="container">
<nav class="reponav js-repo-nav js-sidenav-container-pjax js-octicon-loaders"
role="navigation"
data-pjax="#js-repo-pjax-container">
<a href="/anka-213/webcomic_reader" aria-label="Code" aria-selected="true" class="js-selected-navigation-item selected reponav-item" data-hotkey="g c" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches /anka-213/webcomic_reader">
<span class="octicon octicon-code "></span>
Code
</a>
<a href="/anka-213/webcomic_reader/issues" class="js-selected-navigation-item reponav-item" data-hotkey="g i" data-selected-links="repo_issues repo_labels repo_milestones /anka-213/webcomic_reader/issues">
<span class="octicon octicon-issue-opened "></span>
Issues
<span class="counter">3</span>
</a>
<a href="/anka-213/webcomic_reader/pulls" class="js-selected-navigation-item reponav-item" data-hotkey="g p" data-selected-links="repo_pulls /anka-213/webcomic_reader/pulls">
<span class="octicon octicon-git-pull-request "></span>
Pull requests
<span class="counter">0</span>
</a>
<a href="/anka-213/webcomic_reader/pulse" class="js-selected-navigation-item reponav-item" data-selected-links="pulse /anka-213/webcomic_reader/pulse">
<span class="octicon octicon-pulse "></span>
Pulse
</a>
<a href="/anka-213/webcomic_reader/graphs" class="js-selected-navigation-item reponav-item" data-selected-links="repo_graphs repo_contributors /anka-213/webcomic_reader/graphs">
<span class="octicon octicon-graph "></span>
Graphs
</a>
</nav>
</div>
</div>
<div class="container new-discussion-timeline experiment-repo-nav">
<div class="repository-content">
<div class="repository-meta js-details-container">
<span class="repository-meta-content">
Webcomic Reader userscript at
<a href="https://openuserjs.org/scripts/anka-213/Webcomic_Reader" rel="nofollow">https://openuserjs.org/scripts/anka-213/Webcomic_Reader</a>
</span>
</div>
<div class="overall-summary overall-summary-bottomless">
<div class="stats-switcher-viewport js-stats-switcher-viewport">
<div class="stats-switcher-wrapper">
<ul class="numbers-summary">
<li class="commits">
<a data-pjax href="/anka-213/webcomic_reader/commits/master">
<span class="octicon octicon-history "></span>
<span class="num text-emphasized">
117
</span>
commits
</a>
</li>
<li>
<a data-pjax href="/anka-213/webcomic_reader/branches">
<span class="octicon octicon-git-branch "></span>
<span class="num text-emphasized">
4
</span>
branches
</a>
</li>
<li>
<a data-pjax href="/anka-213/webcomic_reader/releases">
<span class="octicon octicon-tag "></span>
<span class="num text-emphasized">
15
</span>
releases
</a>
</li>
<li>
<include-fragment src="/anka-213/webcomic_reader/contributors_size">
<a href="/anka-213/webcomic_reader/graphs/contributors">
<span class="octicon octicon-organization "></span>
<span class="num text-emphasized"></span>
Fetching contributors
</a>
</include-fragment> </li>
</ul>
<div class="repository-lang-stats">
<ol class="repository-lang-stats-numbers">
<li>
<a href="/anka-213/webcomic_reader/search?l=javascript">
<span class="color-block language-color" style="background-color:#f1e05a;"></span>
<span class="lang">JavaScript</span>
<span class="percent">100.0%</span>
</a>
</li>
</ol>
</div>
</div>
</div>
</div>
<div class="repository-lang-stats-graph js-toggle-lang-stats" title="Click for language details">
<span class="language-color" aria-label="JavaScript 100.0%" style="width:100.0%; background-color:#f1e05a;" itemprop="keywords">JavaScript</span>
</div>
<include-fragment src="/anka-213/webcomic_reader/show_partial?partial=tree%2Frecently_touched_branches_list"></include-fragment>
<div class="file-navigation in-mid-page file-navigation-new">
<div class="right">
<div class="btn-group">
<button class="btn btn-sm disabled tooltipped tooltipped-n" aria-label="You must be signed in to make or propose changes" type="button">
New file
</button>
<a href="/anka-213/webcomic_reader/find/master"
class="btn btn-sm empty-icon right js-show-file-finder"
data-pjax
data-hotkey="t"
data-ga-click="Repository, find file, location:repo overview">
Find file
</a>
</div>
<div class="file-navigation-options" data-multiple>
<div class="file-navigation-option">
<!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/users/set_protocol" class="js-set-user-protocol-preference" data-form-nonce="b5e491782b293dd390358341f300d56fcb1449dc" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="DRlQNbJjS9Vg9SY82ROlvoP0Um+RL4rr0I91oF6dPWeFGOJnoama+a/UDpHdIkYcmJ9pT0zLqzJdli+iBkzgnA==" /></div>
<input type="hidden" name="protocol_type" value="clone">
<div class="select-menu js-menu-container js-select-menu">
<div class="input-group js-select-button js-zeroclipboard-container">
<div class="input-group-button">
<button type="button" class="btn btn-sm select-menu-button js-menu-target" data-ga-click="Repository, clone HTTPS, location:repo overview">
HTTPS
</button>
</div>
<input type="text" class="input-monospace input-mini js-zeroclipboard-target js-url-field" value="https://github.com/anka-213/webcomic_reader.git" readonly>
<div class="input-group-button">
<button aria-label="Copy to clipboard" class="js-zeroclipboard btn btn-sm zeroclipboard-button tooltipped tooltipped-s" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy "></span></button>
</div>
</div>
<div class="select-menu-modal-holder">
<div class="select-menu-modal js-menu-content" aria-hidden="true">
<div class="select-menu-header">
<span aria-label="Close" class="octicon octicon-x js-menu-close" role="button"></span>
<span class="select-menu-title">Choose a clone URL</span>
</div>
<div class="select-menu-list js-navigation-container" role="menu">
<div class="select-menu-item js-navigation-item selected" role="menuitem" tabindex="0">
<span class="select-menu-item-icon octicon octicon-check"></span>
<div class="select-menu-item-text">
<input type="radio" name="protocol_selector" value="http" checked>
<span class="select-menu-item-heading">
HTTPS
(recommended)
</span>
<span class="description">
Clone with Git or checkout with SVN using the repository's web address.
</span>
<span class="js-select-button-text hidden-select-button-text">
<div class="input-group-button">
<button type="button" class="btn btn-sm select-menu-button js-menu-target" data-ga-click="Repository, clone HTTPS, location:repo overview">
HTTPS
</button>
</div>
<input type="text" class="input-monospace input-mini js-zeroclipboard-target js-url-field" value="https://github.com/anka-213/webcomic_reader.git" readonly>
<div class="input-group-button">
<button aria-label="Copy to clipboard" class="js-zeroclipboard btn btn-sm zeroclipboard-button tooltipped tooltipped-s" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy "></span></button>
</div>
</span>
</div>
</div>
</div>
<div class="select-menu-list" role="menu">
<a class="select-menu-item select-menu-action" href="https://help.github.com/articles/which-remote-url-should-i-use" target="_blank">
<span class="select-menu-item-icon octicon octicon-question"></span>
<div class="select-menu-item-text">
Learn more about clone URLs
</div>
</a>
</div>
</div>
</div>
</div>
</form> </div>
<div class="file-navigation-option">
</div>
<div class="file-navigation-option">
<a href="/anka-213/webcomic_reader/archive/master.zip"
class="btn btn-sm"
rel="nofollow"
data-ga-click="Repository, download zip, location:repo overview">
Download ZIP
</a>
</div>
</div>
</div>
<div class="select-menu js-menu-container js-select-menu left">
<button class="btn btn-sm select-menu-button js-menu-target css-truncate" data-hotkey="w"
title="master"
type="button" aria-label="Switch branches or tags" tabindex="0" aria-haspopup="true">
<i>Branch:</i>
<span class="js-select-button css-truncate-target">master</span>
</button>
<div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax aria-hidden="true">
<div class="select-menu-modal">
<div class="select-menu-header">
<span aria-label="Close" class="octicon octicon-x js-menu-close" role="button"></span>
<span class="select-menu-title">Switch branches/tags</span>
</div>
<div class="select-menu-filters">
<div class="select-menu-text-filter">
<input type="text" aria-label="Filter branches/tags" id="context-commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
</div>
<div class="select-menu-tabs">
<ul>
<li class="select-menu-tab">
<a href="#" data-tab-filter="branches" data-filter-placeholder="Filter branches/tags" class="js-select-menu-tab" role="tab">Branches</a>
</li>
<li class="select-menu-tab">
<a href="#" data-tab-filter="tags" data-filter-placeholder="Find a tag…" class="js-select-menu-tab" role="tab">Tags</a>
</li>
</ul>
</div>
</div>
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches" role="menu">
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
<a class="select-menu-item js-navigation-item js-navigation-open "
href="/anka-213/webcomic_reader/tree/beta"
data-name="beta"
data-skip-pjax="true"
rel="nofollow">
<span class="select-menu-item-icon octicon octicon-check"></span>
<span class="select-menu-item-text css-truncate-target" title="beta">
beta
</span>
</a>
<a class="select-menu-item js-navigation-item js-navigation-open "
href="/anka-213/webcomic_reader/tree/buttonsOnTop"
data-name="buttonsOnTop"
data-skip-pjax="true"
rel="nofollow">
<span class="select-menu-item-icon octicon octicon-check"></span>
<span class="select-menu-item-text css-truncate-target" title="buttonsOnTop">
buttonsOnTop
</span>
</a>
<a class="select-menu-item js-navigation-item js-navigation-open selected"
href="/anka-213/webcomic_reader/tree/master"
data-name="master"
data-skip-pjax="true"
rel="nofollow">
<span class="select-menu-item-icon octicon octicon-check"></span>
<span class="select-menu-item-text css-truncate-target" title="master">
master
</span>
</a>
<a class="select-menu-item js-navigation-item js-navigation-open "
href="/anka-213/webcomic_reader/tree/oldTheSofox"
data-name="oldTheSofox"
data-skip-pjax="true"
rel="nofollow">
<span class="select-menu-item-icon octicon octicon-check"></span>
<span class="select-menu-item-text css-truncate-target" title="oldTheSofox">
oldTheSofox
</span>
</a>
</div>
<div class="select-menu-no-results">Nothing to show</div>
</div>
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2014.10.18"
data-name="2014.10.18"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2014.10.18">2014.10.18</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2014.10.07"
data-name="2014.10.07"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2014.10.07">2014.10.07</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2014.09.1"
data-name="2014.09.1"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2014.09.1">2014.09.1</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2014.08.15"
data-name="2014.08.15"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2014.08.15">2014.08.15</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2014.07.04"
data-name="2014.07.04"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2014.07.04">2014.07.04</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2014.02.20"
data-name="2014.02.20"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2014.02.20">2014.02.20</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2013.11.19"
data-name="2013.11.19"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2013.11.19">2013.11.19</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2013.11.03"
data-name="2013.11.03"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2013.11.03">2013.11.03</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2013.10.10"
data-name="2013.10.10"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2013.10.10">2013.10.10</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2013.09.07"
data-name="2013.09.07"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2013.09.07">2013.09.07</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2013.08.04"
data-name="2013.08.04"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2013.08.04">2013.08.04</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2013.07.27"
data-name="2013.07.27"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2013.07.27">2013.07.27</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2013.07.22"
data-name="2013.07.22"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2013.07.22">2013.07.22</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2013.06.22"
data-name="2013.06.22"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2013.06.22">2013.06.22</a>
</div>
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/anka-213/webcomic_reader/tree/2012.04.28"
data-name="2012.04.28"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="2012.04.28">2012.04.28</a>
</div>
</div>
<div class="select-menu-no-results">Nothing to show</div>
</div>
</div>
</div>
</div>
<a href="/anka-213/webcomic_reader/pull/new/master" class="btn btn-sm btn-primary" data-pjax data-ga-click="Repository, new pull request, location:repo overview">
New pull request
</a>
<div class="breadcrumb">
</div>
</div>
<div class="branch-infobar">
<span class="right">
<a class="muted-link" href="/anka-213/webcomic_reader/pull/new/master">
<span class="octicon octicon-git-pull-request"></span>
Pull request
</a>
<a class="muted-link" href="/anka-213/webcomic_reader/compare">
<span class="octicon octicon-diff"></span>
Compare
</a>
</span>
This branch is 13 commits ahead, 1 commit behind v4Lo:master.
</div>
<include-fragment class="commit-tease commit-loader" src="/anka-213/webcomic_reader/tree-commit/36f60dc9eb9857d9301249d8e3eaaffb46e5daff">
<div class="blank">
<img alt="" class="loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32-EAF2F5.gif" width="16" />
Fetching latest commit…
</div>
<div class="loader-error">
Cannot retrieve the latest commit at this time.
</div>
</include-fragment>
<div class="file-wrap ">
<a href="/anka-213/webcomic_reader/tree/36f60dc9eb9857d9301249d8e3eaaffb46e5daff" class="hidden js-permalink-shortcut" data-hotkey="y">Permalink</a>
<table class="files js-navigation-container js-active-navigation-container" data-pjax>
<tbody>
<tr class="warning include-fragment-error">
<td class="icon"><span class="octicon octicon-alert"></span></td>
<td class="content" colspan="3">Failed to load latest commit information.</td>
</tr>
<tr class="js-navigation-item">
<td class="icon">
<span class="octicon octicon-file-text "></span>
<img alt="" class="spinner" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</td>
<td class="content">
<span class="css-truncate css-truncate-target"><a href="/anka-213/webcomic_reader/blob/master/README.md" class="js-directory-link js-navigation-open" id="04c6e90faac2675aa89e2176d2eec7d8-23c9a437e5c0360fcf5148f8ec11722d2efbb46f" title="README.md">README.md</a></span>
</td>
<td class="message">
<span class="css-truncate css-truncate-target">
<a href="/anka-213/webcomic_reader/commit/36f60dc9eb9857d9301249d8e3eaaffb46e5daff" class="message" data-pjax="true" title="Update README.md">Update README.md</a>
</span>
</td>
<td class="age">
<span class="css-truncate css-truncate-target"><time datetime="2015-12-18T13:25:57Z" is="time-ago">Dec 18, 2015</time></span>
</td>
</tr>
<tr class="js-navigation-item">
<td class="icon">
<span class="octicon octicon-file-text "></span>
<img alt="" class="spinner" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</td>
<td class="content">
<span class="css-truncate css-truncate-target"><a href="/anka-213/webcomic_reader/blob/master/webcomic_reader.user.js" class="js-directory-link js-navigation-open" id="4b28a6cdd59e64ee988dad0358e6c09d-df6a6b74dbf5b14cca8df6982f571cda6738c8cb" title="webcomic_reader.user.js">webcomic_reader.user.js</a></span>
</td>
<td class="message">
<span class="css-truncate css-truncate-target">
<a href="/anka-213/webcomic_reader/commit/2a33f05f8c70551496b7ed13a90af32d78aaefa8" class="message" data-pjax="true" title="Improve usage of history API
Now you can navigate with history even if you have refreshed the page in between.">Improve usage of history API</a>
</span>
</td>
<td class="age">
<span class="css-truncate css-truncate-target"><time datetime="2015-12-18T05:48:43Z" is="time-ago">Dec 18, 2015</time></span>
</td>
</tr>
</tbody>
</table>
</div>
<div id="readme" class="boxed-group clearfix announce instapaper_body md">
<h3>
<span class="octicon octicon-book"></span>
README.md
</h3>
<article class="markdown-body entry-content" itemprop="mainContentOfPage"><h1><a id="user-content-webcomic-reader" class="anchor" href="#webcomic-reader" aria-hidden="true"><span class="octicon octicon-link"></span></a>Webcomic Reader</h1>
<p>This is my fork of Amiboide's Webcomic Reader userscript originally hosted at <a href="http://userscripts-mirror.org/scripts/show/59842">userscripts.org</a> (R.I.P.), currently also hosted at <a href="https://openuserjs.org/scripts/anka-213/Webcomic_Reader">openuserjs.org</a> and <a href="https://greasyfork.org/scripts/3008-webcomic-reader">greasyfork.org</a></p>
<p>Script for reading webcomics easier, nicer and faster. Tested on: Firefox, Chrome+Tampermonkey/NinjaKit, Safari+NinjaKit, Opera</p>
<p>It can show the page as usual adding only a couple buttons and text under the image (default setting), or only the image and back/next buttons, the title text of the image (if any) and optionally some custom extra content (by toggling the layout).
Lets you navigate using the back/next buttons, left/right arrow keys, or clicking the image itself (on the right half to go forward, on the left to go backwards).
Preloads up to 5 (or more) pages ahead (in either direction, in case you want to start from the end...)</p>
<p>Able to remember the current page so that the next time you visit the site you can go back to where you left without having to add a bookmark, or save more than one page for whatever reason you want (maybe for saving your progress on more than one manga on the same site)</p>
<p>When using a download accelerator (like <a href="https://addons.mozilla.org/en-US/firefox/addon/downthemall/">DownThemAll</a>) you can download all the fetched images by downloading all links with the text starting with "wcrimg" (just enter "wcrimg" as the filter in DownThemAll, other programs/extension may have similar options)</p>
<h4><a id="user-content-keyboard-shortcuts" class="anchor" href="#keyboard-shortcuts" aria-hidden="true"><span class="octicon octicon-link"></span></a>Keyboard shortcuts</h4>
<p>They can be customized in the settings screen.</p>
<p>The deafult keys are:</p>
<ul>
<li>Left/right arrows to move to the previous/next page</li>
<li>Ctrl+arrows to scroll</li>
<li>F5 or "." to reload the current page (warning: reloading by any other mean, like using the browser's reload button, will take you back to the page where you started reading)</li>
<li>"-" to toggle between the original and minimalistic layout</li>
<li>Shift+"-" to toggle between showing or hiding the script's buttons (back/next, bookmarks, settings, etc...)</li>
<li>"+" to toggle the fit-to-screen option (zooms in or out the image to make it fit in the window)</li>
<li>Ctrl+Alt+A to add the current page to the site's bookmarks</li>
<li>Ctrl+Alt+B to set the current page as the only bookmark (so on your next visit you can be auto-redirected there)</li>
<li>Ctrl+Alt+S to start/stop slideshow (ESC also stops it, as well as manually turning a page)</li>
<li>Ctrl+Alt+X to toggle the "debug mode" (to get alerts on errors, useful for testing settings for new sites)</li>
<li>"," while in "debug mode" to see the currently preloaded links/images</li>
</ul>
<h4><a id="user-content-other-browsers" class="anchor" href="#other-browsers" aria-hidden="true"><span class="octicon octicon-link"></span></a>Other browsers</h4>
<p>This script was made for Firefox and uses some Greasemonkey-specific functions for some things, which aren't supported by other browsers. Luckily there are extensions that act as a Greasemonkey replacement and implement most of them.</p>
<h4><a id="user-content-google-chrome--safari" class="anchor" href="#google-chrome--safari" aria-hidden="true"><span class="octicon octicon-link"></span></a>Google Chrome / Safari</h4>
<p>I strongly suggest you use Tampermonkey (Chrome only) or NinjaKit, which support most Greasemonkey functions.
In Chrome, it can also be installed directly without external extensions, but it will have the same limitations mentioned for Opera.</p>
<h4><a id="user-content-opera" class="anchor" href="#opera" aria-hidden="true"><span class="octicon octicon-link"></span></a>Opera</h4>
<p>Can run without a Greasemonkey-like extension, but without the Greasemonkey-specific functionality. Because of the lack of a proper way to emulate GM_xmlhttpRequest and GM_setValue/GM_getValue:</p>
<ul>
<li>Cross-site requests can't be done, so the auto-updater doesn't work</li>
<li>Settings are stored separately for each site (with localStorage), which means default settings won't be reflected across different sites (that includes custom keyboard shrotcuts, default layout options, shared site settings for pages with different hostnames). If you want to change the default settings across all sites, the only way would be to edit them directly in the script's source code</li>
</ul>
<h4><a id="user-content-android-phones" class="anchor" href="#android-phones" aria-hidden="true"><span class="octicon octicon-link"></span></a>Android phones</h4>
<p>There's a version of Tampermonkey for Android, but I haven't tested it, though reports seem to indicate the script doesn't work correctly yet :(</p>
<h4><a id="user-content-iphone-ipad-and-other-browsers" class="anchor" href="#iphone-ipad-and-other-browsers" aria-hidden="true"><span class="octicon octicon-link"></span></a>iPhone, iPad, and other browsers</h4>
<p>If the browser you use doesn't support userscripts, you can use a bookmarklet to load it instead. Just copy the following code and add it as a bookmark, and when you want to use the script, go to the site you want to read and load that bookmark.</p>
<div class="highlight highlight-source-js"><pre>javascript<span class="pl-k">:</span> (<span class="pl-k">function</span>(){ <span class="pl-smi">document</span>.<span class="pl-c1">body</span>.<span class="pl-c1">appendChild</span>(<span class="pl-smi">document</span>.<span class="pl-c1">createElement</span>(<span class="pl-s"><span class="pl-pds">"</span>script<span class="pl-pds">"</span></span>)).<span class="pl-smi">src</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>http://dl.dropbox.com/u/976471/webcomic_reader.user.js<span class="pl-pds">"</span></span>; })();</pre></div>
<p>Notice that this will download the script everytime you want to use it, so it will take more time to start. Also, the same drawbacks mentioned for Opera will apply. Avoid this technique if you can use a proper Greasemonkeysh extension.
For step by step instructions on how to do this on an iPad, read <a href="http://userscripts.org/topics/70361">this topic</a>. I have only tested this on an iPad, iPhone and the major PC browsers and it works as expected, except on Internet Explorer (which you shouldn't be using anyway)
Thanks to <a href="http://userscripts.org/users/308335">krunkster</a> for this trick ;)</p>
<h4><a id="user-content-internet-explorer" class="anchor" href="#internet-explorer" aria-hidden="true"><span class="octicon octicon-link"></span></a>Internet Explorer</h4>
<p>To get this script and the rest of the web working correctly, use IE for what it's best at: downloading Firefox, Chrome, or another real browser.</p>
<h4><a id="user-content-adding-new-sites" class="anchor" href="#adding-new-sites" aria-hidden="true"><span class="octicon octicon-link"></span></a>Adding new sites</h4>
<p>It works out-of-the-box with over 400 sites (full list below), but adding new ones is fairly easy in most cases.
A detailed guide can be found here, but the TL;DR version goes something like this:</p>
<ol>
<li>Add an @include rule for the page (use * as a wildcard for the @included url, like "<a href="http://www.example.com/*">http://www.example.com/*</a>") (*)</li>
<li>Try it, it may already work with the default settings. If it does, you're done :)</li>
<li> If it doesn't work / works wrong / you want to specify some more settings, right click the Greasemonkey icon (or left click the NinjaKit/Tampermonkey icon) and go to "User Script Commands..."/"Webcomic Reader - Settings"</li>
<li>Click on "Site Settings" on the top of the screen, and there there's a lot of stuff you can change with xpath, css selectors, regular expressions, functions, etc</li>
</ol>
<p>(*) To add @include rules you must open the script source code. On Greasemonkey right click the monkey icon and go to "Manage User Scripts", then find this script, right click it and choose "Edit". On Chrome with NinjaKit/Tampermonkey, right click the extension's icon and click "Options", then select this script to edit it.</p>
<p>Once you have opened the code, scroll a few lines down until you find a lot of lines that look like this: "// @include <a href="http://www.example.com/*">http://www.example.com/*</a>". Then just add another one with the exact same format and write your url there.</p>
<p>Note that after an update or reinstallation, the source code will be rewritten and any changes you made to the code will be lost, so be sure to back them up before updating. The settings themselves (from step 4) will be kept safe.</p>
<p>In general, it's possible to add any site that consists of a main image and links to the previous and next pages. If you have trouble adding a new site you can ask for help here, or if you succeeded you can post your settings and I can add them to the script :)</p>
</article>
</div>
</div>
<div class="modal-backdrop"></div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="site-footer" role="contentinfo">
<ul class="site-footer-links right">
<li><a href="https://status.github.com/" data-ga-click="Footer, go to status, text:status">Status</a></li>
<li><a href="https://developer.github.com" data-ga-click="Footer, go to api, text:api">API</a></li>
<li><a href="https://training.github.com" data-ga-click="Footer, go to training, text:training">Training</a></li>
<li><a href="https://shop.github.com" data-ga-click="Footer, go to shop, text:shop">Shop</a></li>
<li><a href="https://github.com/blog" data-ga-click="Footer, go to blog, text:blog">Blog</a></li>
<li><a href="https://github.com/about" data-ga-click="Footer, go to about, text:about">About</a></li>
<li><a href="https://github.com/pricing" data-ga-click="Footer, go to pricing, text:pricing">Pricing</a></li>
</ul>
<a href="https://github.com" aria-label="Homepage">
<span class="mega-octicon octicon-mark-github " title="GitHub "></span>
</a>
<ul class="site-footer-links">
<li>© 2015 <span title="0.12531s from github-fe128-cp1-prd.iad.github.net">GitHub</span>, Inc.</li>
<li><a href="https://github.com/site/terms" data-ga-click="Footer, go to terms, text:terms">Terms</a></li>
<li><a href="https://github.com/site/privacy" data-ga-click="Footer, go to privacy, text:privacy">Privacy</a></li>
<li><a href="https://github.com/security" data-ga-click="Footer, go to security, text:security">Security</a></li>
<li><a href="https://github.com/contact" data-ga-click="Footer, go to contact, text:contact">Contact</a></li>
<li><a href="https://help.github.com" data-ga-click="Footer, go to help, text:help">Help</a></li>
</ul>
</div>
</div>
<div id="ajax-error-message" class="flash flash-error">
<span class="octicon octicon-alert"></span>
<button type="button" class="flash-close js-flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
<span class="octicon octicon-x"></span>
</button>
Something went wrong with that request. Please try again.
</div>
<script crossorigin="anonymous" src="https://assets-cdn.github.com/assets/frameworks-ef8eb4a89ee9f3c8b7613307fe589a8f5705817f7cee27bec51ce5e963234abf.js"></script>
<script async="async" crossorigin="anonymous" src="https://assets-cdn.github.com/assets/github-410fdfc83be51bcfae6f95e368c5099b5e4bd877fbf23263823dc8f55c9b6f86.js"></script>
<div class="js-stale-session-flash stale-session-flash flash flash-warn flash-banner hidden">
<span class="octicon octicon-alert"></span>
<span class="signed-in-tab-flash">You signed in with another tab or window. <a href="">Reload</a> to refresh your session.</span>
<span class="signed-out-tab-flash">You signed out in another tab or window. <a href="">Reload</a> to refresh your session.</span>
</div>
</body>
</html>
