iOS玩艦隊Collection的方法分享，瀏覽器與輔助工具APP

本文Ivon將探討在iPhone與iPad遊玩艦隊Collection的方法，不考慮遠端桌面。

艦隊Collection(艦隊收藏)已經上線12週年了，依然沒有iOS版本。C2機關只有在DMM GAMESストア推出Android版艦これ，就是一個套殼的瀏覽器APP。

雖說艦隊Collection作為一款網頁遊戲，2019年二期從Adobe Flash移植到HTML5之後，只要有Safari瀏覽器就能玩，但是仍要解決需要日本VPN的問題，最好還要有一個紀錄戰鬥紀錄的輔助工具。

相較於Android系統有Kcanotify + Gotobrowser這樣的好物，iOS系統提督玩的會比較痛苦些。

建議先在電腦上註冊好DMM帳號登入成為新米提督，然後再解決於iOS遊玩的問題。

主要可以分為Safari遊玩法，還有第三方輔助程式APP遊玩法。

1. 不管怎麼說，就是要有日本VPN
#

VPN只是暫時的跳板，用途在於繞過DMM登入網頁的海外IP封鎖。成功登入艦隊Collection母港之後就不需要連著VPN了。

電腦版的KC3和Android版GotoBrowser都可以不用VPN連線進入遊戲，背後靠的是gadget server登入封鎖繞行的技術。短暫在進入遊戲前更改伺服器，繞過DMM的IP封鎖。

不過目前iOS做不到，第三方輔助程式也沒有人實做這個東西。所以日本VPN還是必備的。

App Store有很多免費VPN可以用，就我所知ProtonVPN是個不錯的選擇，免費版有很大機會抽到日本伺服器。

2. Safari瀏覽器 + 日本VPN
#

透過iOS內建的Safari瀏覽器遊玩遊戲。這個方法適合簡單收個遠征。

測試系統版本：iOS 18

開啟VPN APP，連線到日本伺服器。
開啟遊戲網頁：http://www.dmm.com/netgame/social/-/gadgets/=/app_id=854854，登入DMM帳號。
iPhone用戶可能要點選Safari選項，要求開啟「電腦版網站」。
注意登入DMM帳號之後，連線網址應該是 http 而非 https 開頭，否則會遇到白畫面(白屏)。
進入母港之後就可以斷掉VPN了。
善用Safari的網頁縮放功能，讓遊戲不要超出螢幕範圍。
如果要讓遊戲進入全螢幕，要透過書籤執行JavaScript指令解決。隨便將一個網頁加入Safari書籤，然後開啟書籤列表，長按編輯書籤網址：
將網址修改為以下指令，修改網頁元素CSS排版。

javascript:(($,_)=>{const%20html=$.documentElement,gf=$.getElementById('game_frame'),gs=gf.style,gw=gf.offsetWidth,gh=gw*.6;let%20vp=$.querySelector('meta[name=viewport]'),t=0;vp||(vp=$.createElement('meta'),vp.name='viewport',$.querySelector('head').appendChild(vp));vp.content='width='+gw;'orientation'in%20_&&html.webkitRequestFullscreen&&html.webkitRequestFullscreen();html.style.overflow='hidden';$.body.style.cssText='min-width:0;overflow:hidden;margin:0';$.querySelector('.dmm-ntgnavi').style.display='none';$.querySelector('.area-naviapp').style.display='none';$.getElementById('ntg-recommend').style.display='none';gs.position='fixed';gs.marginRight='auto';gs.marginLeft='auto';gs.top='-16px';gs.right='0';gs.zIndex='100';gs.transformOrigin='50%25%2016px';if(!_.kancolleFit){const%20k=()=>{const%20w=html.clientWidth,h=_.innerHeight;w/h<1/.6?gs.transform='scale('+w/gw+')':gs.transform='scale('+h/gh+')';w<gw?gs.left='-'+(gw-w)/2+'px':gs.left='0'};_.addEventListener('resize',()=>{clearTimeout(t);t=setTimeout(k,10)});_.kancolleFit=k}kancolleFit()})(document,window)

之後點一下書籤，遊戲就會進入全螢幕。
iOS 17以前的Safari似乎會把http強制改成https。得透過書籤解決。新增一個書籤，將網址改為以下指令。這樣遇到白畫面情況點這個書籤就能變成http連線。

javascript:window.open(%22http:%22+gadgetInfo.URL,%27_blank%27);

3. 第三方輔助程式APP：艦橋
#

除了玩遊戲之外，還有統計出擊結果輔助功能的APP。

以前有個APP叫做iKanColleCommand，但是已停止維護，建議用其他的APP。

2024年NGA開發者推出的「艦橋」算是一個不錯的替代品，使用Flutter寫成，有出擊統計與大破提醒功能，並針對直向螢幕優化，艦隊資訊一目了然。

艦橋的程式原始碼位於Github，可以放心使用。需要iOS 12以上版本的裝置才能夠安裝。

作者推出了三種版本的APP：

名稱	功能	下載
艦橋Lite	免費版，僅有網頁瀏覽器功能，自動進入全螢幕。	App Store
NextNavi	付費版，似乎有出擊紀錄功能。	App Store
艦橋	免費版，提供完整出擊紀錄功能。	Github，需要使用AltStore側載IPA。