Steam SteamDB Button

Adds a button to steam db info near the add to cart button

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name        Steam SteamDB Button
// @description Adds a button to steam db info near the add to cart button
// @include     https://store.steampowered.com/app/*
// @namespace   https://greasyfork.org/users/8233
// @license MIT
// @version 0.0.1
// ==/UserScript==

var parts = window.location.href.split('/');
if (parts.indexOf('store.steampowered.com') === 2 && parts[3] == 'app') {
  var backs = document.getElementsByClassName('game_purchase_action_bg');
  for (var i = 0; i < backs.length; ++i) {
    //create the link, give it proper href, one of nice steam styles via a class
    var a = document.createElement('a');
    a.href = 'https://steamdb.info/app/' + parts[4];
    a.className = 'btnv6_blue_hoverfade btn_medium';

		// put text in the button
    a.innerHTML = '<span>SteamDB</span>';

    //and add it to each game buy element we can find (in case there are more cus deluxe edition, bundle, etc.)
    var con = backs[i];
    con.insertBefore(a, con.firstChild);

  }
}