Cocos Store即將上線一個新功能：立即體驗！
但有不少開發者，構建的web-mobile體驗包，在桌面瀏覽器上體驗很差。需要手動調節瀏覽器窗口大小，從而導致給用戶的第一印象不完美，甚至是負面的，特別是一些非技術或非Cocos用戶。
曉衡將此問題在社區開發者羣一提出，沒想到當天下午，就有大神『奶爸程序猿』開發出一款 Creator 插件，完美解決此問題！
插件地址：http://store.cocos.com/app/detail/2693
不僅授人以魚，還授人以漁，『奶爸程序猿』還準備了乾貨講解插件的使用與實現原理。
解決痛點
獲取方式
使用方式
效果說明
參數說明
效果對比
寫在最後
在之前的文章中，介紹了一種網頁簡單適配PC端的方案，速達鏈接適配主要解決了PC端屏幕比例的問題，同時注意到目前對該類需求其實比較多，但又不是及其迫切（因爲PC主要是用來做演示的），可能很多人並不願意花費時間在這個適配上面，因此號主這幾天通過幾個版本的完善，已經基本實現了適配上的一鍵化操作，方便有需要的開發者快速集成
解決痛點
-
適配需要做兩套的問題 -
PC端比例問題 -
進入全屏問題（該點暫非最優方案） -
瀏覽器大小改變後，不需要刷新（僅支持PC）
獲取方式
-
付費支持通道
在Creator(支持全版本)編輯器的擴展標籤中，選擇商城進入CocosStore（CocosStore是Cocos的官方商城，裏面聚集了非常多優秀開發者開發的優秀源碼和插件等，極其推薦各位體驗。）在擴展中搜索H5適配優化，下載後安裝到全局或項目，creator2.x版本將會保存在packages目錄下，3.x版本將會保存在extensions目錄下。
-
公衆號獲取
爲滿足更多開發者需要，凡對該文四連（閱讀、點贊、再看、分享）的用戶，可以聯繫號主，免費獲取。
-
當前最新版本號爲 1.2.1，CocosStore並不一定審覈完成，可以聯繫號主獲取最新版本。
使用方式
-
從
擴展標籤頁打開H5適配優化 -
在配置面板中，配置參數，並保存
-
構建時，選擇
web-mobile方式
效果說明
-
本插件主要是模擬一種設備分辨率，比如使PC的效果類似手機 -
如果需要場景適配，請參考號主一個框架中的Canvas適配
參數說明
-
全屏開啓
可以選擇手機或者PC是否開啓全屏，開啓全屏後，將會隱藏狀態欄和底部菜單（視瀏覽器支持情況而定）
-
手機全屏必須在splash加載中進入，一個臨時解決辦法推薦：詢問是否全屏後再加載遊戲。
-
不推薦PC端也進行全屏操作
-
機型忽略
可以對手機或者PC設置不進行適配優化。
-
因爲手機屏幕相對統一，不建議對手機進行優化，所以推薦選擇忽略。
-
適配模式
本功能參考了Cocos的分辨率適配方案，所以基本對應了相應的名稱：
-
EXACT_FIT 即適配全屏，存在拉伸 -
FIXED_WIDTH 適配寬度，上下可能存在黑邊或需要滑動 -
FIXED_HEIGHT 適配高度，左右可能存在黑邊或者需要滑動 -
NO_BORDED 優先利用屏幕，上下或者左右需要滑動 -
SHOW_ALL 優先展示內容，上下或者左右存在黑邊 -
NONE 不進行適配，根據指定分辨率，上下左右都有可能出現黑邊或者滑動
-
一般推薦選擇SHOW_ALL
-
設計分辨率
一般可以與遊戲的設計分辨率相同，但兩者有本質概念區別，該插件所指的分辨率其實是PC端模擬的機型分辨率。
效果對比
本DEMO的素材來自由magelevin開發的開心鼠喫象
編輯器打開效果
實際運行效果
-
明顯觀察到遊戲畫面被裁剪了
使用插件後，與設計時基本保持一致
寫在最後
該插件原理相對比較簡單，但要發佈成插件，就要適配各種情況，麻雀雖小五臟俱全！
而且歡迎隨時向『奶爸程序猿』反饋問題，作者將提供後續升級優化，插件只要￥1.99，感謝您的支持！【閱讀原文】直達
插件地址：http://store.cocos.com/app/detail/2693
本文分享自微信公衆號 - Creator星球遊戲開發社區（creator-star）。
如有侵權，請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”，歡迎正在閱讀的你也加入，一起分享。