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.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

// ==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();