☰

PC link - protondb.com

12/16/2022, 6:51:45 AM

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name        PC link - protondb.com
// @namespace   monnef.eu
// @match       https://www.protondb.com/app/*
// @grant       none
// @version     1.1
// @author      -
// @description 12/16/2022, 6:51:45 AM
// @require     https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js
// @license     GPLv3
// ==/UserScript==

const prefix = 'pcLink';
const linkId = prefix + '-link';

const work = () => {
  if ($('#' + linkId).length) return;
  const el = $('[data-testid=DesktopWindowsIcon]');
  if (!el.length) return;
  const pcLink = $('<a>')
    .text('▼ PC 🖥️')
    .click(() => el[0].scrollIntoView())
    .css({ marginRight: '10px', cursor: 'pointer', textDecoration: 'underline' })
    .attr('id', linkId)
  ;
  $('a:contains("Steam")[href*="store.steam"]').first().before(pcLink);
}

$(() => setInterval(work, 500));