技术贴：用Steam客户端玩4399网页小游戏

众所周知Steam客户端内置了一个Chrome浏览器，而我今天突发奇想，想尝试一下能不能用Steam客户端的Steam商店页在线来玩4399网页小游戏

可以看看我的演示视频~~

这篇文章就简单分享一下自己的思路，其实也没多少技术

想做到用Steam客户端的Steam商店页在线来玩4399网页小游戏，有两个难点

1.Steam客户端的默认只能访问Steam的域名，我们必须找到一个能访问4399的入口

例如你要访问三国志8的哔哩哔哩官方账户，Steam会直接唤起电脑的默认浏览器，而不是在Steam客户端内打开

而你如果在Steam客户端用鼠标中键打开Steam自己的网页，会发现打开了一个Steam内置的浏览器的新标签页，在上方的网址栏可以输入自己想访问的域名

第一个难点算是解决了，成功打开了4399，走出了第一步，可第二个难点又来了

2.用这张方式访问4399本质是用的Steam内置的浏览器，而我们想实现的是用Steam客户端打开4399并游玩

Steam用的是chrome浏览器，因此，我们需要写一个chrome扩展程序，让Steam商店页出现一个悬浮窗，点击这个悬浮窗就可以访问4399以及上面的小游戏

2.1.先写一个json文件，这个json文件是告诉chrome这个扩展程序是什么的

2.2.再写一个CSS样式，这是悬浮按钮的样子

2.3.最后要写的是content.js文件，我们需要它来实现我们要的功能

内容很简单，九个按钮对应九个要打开的网站

可以随时修改js文件此部分的网址来修改打开的网站，本来想再写个自定义的但是想先看看这个能不能实现就先这样了

跳转这里用的是window.location.href = site.url可以实现直接从当前页面跳转到指定网址而不是打开新标签页，这样我们就实现了用Steam客户端的Steam商店页打开4399并游玩游戏

写完扩展程序后我们打开Steam内置的chromeium，来到扩展程序页面，打开开发者模式，然后点击载入未封装项目来装载我们刚写的扩展程序，再启用该扩展程序

启用我们刚才写的悬浮窗扩展程序后就可以发现steam客户端的商店页的右下角多了个我们写的悬浮窗，九个按钮对应九个网址

点一下按钮1，Steam客户端就直接跳转到了4399，并且是在Steam商店页的位置，同理，自己在js文件里设置的其他按钮也可以跳转到对应的4399小游戏页面

我们登录完4399账户后终于可以用Steam客户端玩4399网页小游戏了（不登陆不让玩有实名认证...）

但是接下来我们又遇到了第三个难点

3.chrome不支持flash了

不过解决这个很简单，我们打开Steam内置的chromeium，来到扩展程序页面安装一个Ruffle就可以了

经历了这一番折腾后我们终于能实现在Steam客户端上游玩4399网页小游戏了，可以说很让其他Steam玩家吸引眼球了

好了这个文章就到这里了，其实意义不大主要还是和大家分享思路，有什么想讨论的可以发在评论区（

这里是不摸猫猫会死星人，关注我关注我.......