Steam社区市场CS:GO搜索页显示100条结果的实现及插件开发方案

你拆解得到的两行代码就是实现该功能的核心逻辑，Steam市场页面本身全局挂载了g_oSearchResults对象用于控制搜索结果的分页逻辑，其中m_cPageSize为每页展示条数的配置项，调用GoToPage方法时第二个参数传入true会强制重新拉取当前页的结果数据，直接执行这两行代码即可生效。

完整实现步骤 #

1. 编写扩展清单文件（manifest.json，以Manifest V3为例） #

{
  "manifest_version": 3,
  "name": "Steam市场每页条数自定义",
  "version": "1.0",
  "description": "自定义Steam市场搜索页每页展示的结果条数",
  "content_scripts": [
    {
      "matches": ["*://steamcommunity.com/market/search*"],
      "js": ["content.js"],
      "run_at": "document_idle"
    }
  ]
}

2. 编写内容脚本文件（content.js） #

需要等待页面全局对象g_oSearchResults加载完成后再执行逻辑，避免出现未定义报错：

// 轮询判断全局对象是否加载完成
const timer = setInterval(() => {
  if (window.g_oSearchResults) {
    clearInterval(timer);
    // 设置每页显示100条
    window.g_oSearchResults.m_cPageSize = 100;
    // 刷新第一页结果
    window.g_oSearchResults.GoToPage(0, true);
  }
}, 200);

3. 加载扩展到浏览器 #

• 打开浏览器扩展管理页面，开启开发者模式
• 点击「加载已解压的扩展程序」，选择上述两个文件所在的文件夹即可生效

可选优化功能 #

• 新增扩展弹窗，支持用户自定义每页展示条数（20/50/100/200等），不用硬编码固定值
• 将用户配置存储在本地存储中，每次进入Steam市场页面自动读取配置生效
• 在Steam市场页面新增切换条数的操作按钮，不用跳转扩展管理页修改配置

内容的提问来源于stack exchange，提问作者rfnj