Webtoons.com for Desktop

Resizes and downloads higher quality versions of the images on LINE (m.webtoons.com) to improve usability on Desktops and Laptops.

// ==UserScript==
// @name        Webtoons.com for Desktop
// @description Resizes and downloads higher quality versions of the images on LINE (m.webtoons.com) to improve usability on Desktops and Laptops.
// @author      Gendalph
// @namespace   https://greasyfork.org/users/3807
// @include     http://*webtoons.com/viewer?*
// @version     2
// @grant       none
// @license     MIT
// ==/UserScript==

function main() {
	var img = document.createElement("img"),
		imgUrl = document.querySelector('._checkVisible').src;
	img.src = imgUrl;

	img.onload = function() {
		var heightResizeFactor = img.height / document.querySelector('._checkVisible').height;

		img.style.visibility = 'hidden';
		document.body.appendChild(img);

		console.log("Detected frame width: " + img.clientWidth + "px");
		resizeFrames(img.clientWidth);
		resizeViewer(heightResizeFactor);
	};
}

function resizeFrames(width) {
	var imageList = document.querySelectorAll('._checkVisible'),
		containerDivs = document.querySelectorAll('.flick-ct'),
		imageWidth = width,
		containerMargin = (document.body.clientWidth - imageWidth) / 2;
	containerMargin = "0px " + containerMargin + "px";

	for (var i = 0; i < imageList.length; i++) {
		var image = imageList[i],
			container = containerDivs[i];

		container.style.width = width + "px";
		container.style.margin = containerMargin;
		image.src = image.src.replace("?type=q70", "");
	}
}

function resizeViewer(factor) {
	var viewer = document.querySelector('#_viewer'),
		height = Number(viewer.style.height.replace('px', '')) * factor;
	viewer.style.height = height + "px";
}

main();