Instagram Stories Opener

Opens the content from an instagram story in a new tab
当前为 2018-09-19 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Instagram Stories Opener
// @version      0.4
// @description  Opens the content from an instagram story in a new tab
// @author       jomifepe
// @icon         https://www.instagram.com/favicon.ico
// @require      http://code.jquery.com/jquery-latest.min.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js
// @include      https://www.instagram.com/*
// @grant        GM_addStyle
// @namespace https://gf.qytechs.cn/users/192987
// ==/UserScript==

/* these values may change */
const STORY_CONTAINER = ".lXJWB";
const STORY_MEDIA_CONTAINER = ".qbCDp";

const BTN = "iso-btn";
const BTN_CONTAINER = "iso-container";

$(document).ready(function () {
    /* creates the button style on load */
	var b64icon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxwDOBTFNFQBAAABKklEQVQ4y6WTvUoDQRSFvwkbxCqijY2okEIEixQpBMHKykIFC8H/yiew8Rl8i4ClCoJYWGkhaGXjrkmTbsUiTQoVf45Ndp1lZ8eIp7vnnnPvnBkG/gjjb2uAOcoW0fplnvaVRccAaIFZhnPqW3OkMa4Zz84o60RunAFoQm2bDDhgmSsOHad7BjBtrXFjb3jUi0Y8KUYV2hvQly77kH/qKTFIF33Id5MsHoMl30njdwoNlnw75SqaLDC45EnLYbDkW/lZOYMl3wRQTTW/4bQn3+jVoUK/YUqxPrSe1pGin26QD2wizVM15+7LDlykadIseswSbwzhgUpUeLWJO0nTHsOSpIa1XSsc06VR8PnqrGKom3t7xp66KkasxUw+AA0y4/iiADEP5p3/4BuEXi9gkPrfQgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wMy0yOFQwMzo1NjoyMCswMjowMO7sj9MAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDMtMjhUMDM6NTY6MjArMDI6MDCfsTdvAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==";
	GM_addStyle(`.${BTN}{position:fixed;top:0;right:0;margin:20px;cursor:pointer;width:24px;height:24px;background-image:url(${b64icon})}`);
});

$(document).arrive(STORY_CONTAINER, function() {
    /* creates and displays the button on the page */
    $("body").append(`<div class="${BTN_CONTAINER}"><div class="${BTN}"></div></div>`);
    $(`.${BTN}`).bind("click", openStoryContent);
});

$(document).leave(STORY_CONTAINER, function() {
    /* destroys the button when the stories are closed */
    $(`.${BTN}`).unbind("click");
    $(`.${BTN_CONTAINER}`).remove();
});

function openStoryContent(event) {
    /* if there's no opened story */
    if ($(STORY_CONTAINER).length == 0) {
        return;
    }

    var container = $(STORY_MEDIA_CONTAINER);
    var video = container.find("video");
    var image = container.find("img");
    if (video.length != 0) {
        window.open(video.find("source").attr("src"), '_blank');
	} else {
		window.open(image.attr("src"), '_blank');
	}
}
欢迎访问Greasy Fork镜像
