Steam Community - Wishlist Recommended

Adds an option to anyone's steam wishlist to show recommended apps similar to the wishlist games
当前为 2017-02-12 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Steam Community - Wishlist Recommended
// @icon         http://steamcommunity.com/favicon.ico
// @namespace    Royalgamer06
// @author       Royalgamer06
// @version      1.0.0
// @description  Adds an option to anyone's steam wishlist to show recommended apps similar to the wishlist games
// @include      /^https?:\/\/steamcommunity.com\/(id\/+[A-Za-z0-9$-_.+!*'(),]+|profiles\/7656119[0-9]{10})\/wishlist\/?((\?|#).*)?$/
// @grant        GM_xmlhttpRequest
// @run-at       document-idle
// @connect      store.steampowered.com
// @connect      api.steampowered.com
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js
// ==/UserScript==

this.$ = this.jQuery = jQuery.noConflict(true);
var applist;
$(document).ready(function() {
    $("#mainContents").append('<div class="btn_darkblue_white_innerfade" id="showsimilar" style="clear: both; color: rgb(164, 215, 245); cursor: pointer; display: inline-block; height: 36px; text-align: left; width: 936px; column-rule-color: rgb(164, 215, 245); perspective-origin: 468px 18px; transform-origin: 468px 18px; border: 0px none rgb(164, 215, 245); font: normal normal normal normal 14px / normal Arial, Helvetica, Verdana, sans-serif; margin: 20px 0px 0px; outline: rgb(164, 215, 245) none 0px;"><span style="color: rgb(164, 215, 245); cursor: pointer; display: block; height: 16px; text-align: center; width: 916px; column-rule-color: rgb(164, 215, 245); perspective-origin: 468px 18px; transform-origin: 468px 18px; background: rgb(33, 101, 138) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(164, 215, 245); font: normal normal normal normal 14px / normal Arial, Helvetica, Verdana, sans-serif; outline: rgb(164, 215, 245) none 0px; padding: 10px;">Show Similar Games<span></span></span></div>');
    $("#showsimilar").click(showSimilar);
    GM_xmlhttpRequest({
        method: "GET",
        url: "http://api.steampowered.com/ISteamApps/GetAppList/v2/",
        onload: function(response) {
            applist = JSON.parse(response.responseText).applist.apps;
        }
    });
});

function showSimilar() {
    $("#showsimilar").replaceWith('<div id="similargames" style="clear: both; color: rgb(143, 152, 160); display: inline-block; text-align: left; width: 936px; column-rule-color: rgb(143, 152, 160); perspective-origin: 468px 374.5px; transform-origin: 468px 374.5px; border: 0px none rgb(143, 152, 160); font: normal normal normal normal 14px / normal Arial, Helvetica, Verdana, sans-serif; margin: 20px 0px 0px; outline: rgb(143, 152, 160) none 0px;"> <div style="bottom: 0px; color: rgb(137, 138, 140); left: 0px; position: relative; right: 0px; text-align: left; top: 0px; width: 904px; z-index: 1; column-rule-color: rgb(137, 138, 140); perspective-origin: 468px 360.5px; transform-origin: 468px 360.5px; background: rgba(0, 0, 0, 0) linear-gradient(135deg, rgba(97, 100, 101, 0.298039) 0%, rgba(226, 244, 255, 0.298039) 100%) repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(137, 138, 140); font: normal normal normal normal 12px / normal Arial, Helvetica, Verdana, sans-serif; margin: 0px 0px 28px; outline: rgb(137, 138, 140) none 0px; padding: 16px 16px 26px;"> <h1 style="color: rgb(255, 255, 255); height: 25px; text-align: left; width: 904px; column-rule-color: rgb(255, 255, 255); perspective-origin: 452px 12.5px; transform-origin: 452px 12.5px; border: 0px none rgb(255, 255, 255); font: normal normal normal normal 21px / normal \'Motiva Sans\', arial, tahoma; margin: 0px; outline: rgb(255, 255, 255) none 0px;"> Similar Wishlist Items </h1> <p id="similargameslist" style="color: rgb(143, 152, 160); text-align: left; width: 904px; column-rule-color: rgb(143, 152, 160); perspective-origin: 452px 315px; transform-origin: 452px 315px; border: 0px none rgb(143, 152, 160); font: normal normal normal normal 12px / normal Arial, Helvetica, Verdana, sans-serif; outline: rgb(143, 152, 160) none 0px;"> <b style="color: rgb(139, 197, 63); text-align: left; column-rule-color: rgb(139, 197, 63); border: 0px none rgb(139, 197, 63); font: normal normal normal normal 12px / normal Arial, Helvetica, Verdana, sans-serif; outline: rgb(139, 197, 63) none 0px;">Includes <count id="similargamescount">0</count> items:</b> </p> </div> </div>');
    var added = [];
    $("[id*=game_]").each(function(index) {
        let wAppID = $(this).attr("id").replace("game_", "");
        setTimeout(function() {
            console.log("wAppID: http://store.steampowered.com/recommended/morelike/app/" + wAppID);
            GM_xmlhttpRequest({
                method: "GET",
                url: "http://store.steampowered.com/recommended/morelike/app/" + wAppID,
                headers: {
                    "User-Agent": "Mozilla/5.0"
                },
                onload: function(response) {
                    var data = response.responseText;
                    console.log("# Found similar apps: " + $(".similar_grid_item", data).length);
                    $(".similar_grid_item", data).each(function() {
                        let appID = $(this).find("[data-ds-appid]").attr("data-ds-appid");
                        console.log("appID: " + appID);
                        if ($.inArray(appID, added) == -1) {
                            added.push(appID);
                            var obj = applist.filter(function(v) { return v.appid == appID; })[0];
                            var title = "Unknown App";
                            if (obj !== undefined) { title = obj.name; }
                            console.log("title: " + title);
                            $("#similargamescount").html(parseInt($("#similargamescount").html()) + 1);
                            $("#similargameslist").html($("#similargameslist").html() + "<br><a href='http://store.steampowered.com/app/" + appID + "/'>" + title + "</a>");
                        }
                    });
                }
            });
        }, index * 1000);
    });
}
欢迎访问Greasy Fork镜像
