技術貼：用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玩家吸引眼球了

好了這個文章就到這裏了，其實意義不大主要還是和大家分享思路，有什麼想討論的可以發在評論區（

這裏是不摸貓貓會死星人，關注我關注我.......