[Chrome] 用Chrome DevTools 模擬不同國家/時區 - Medium

文章推薦指數: 80 %
投票人數:10人

+ 如何查看自己的Google Chrome 預設語系? + 用DevTools 模擬不同國家時區. 在製作多國語系的時候,常常需要模擬不同國家,可以透過DevTools 直接變更 ... itsems_frontendw3HexschoolJavaScriptVueAngularGithub[Chrome]用ChromeDevTools模擬不同國家/時區itsemsFollowDec18,2020·3minreadPhotobyHoneyYanibelMinayaCruzonUnsplashOutline:+如何查看自己的GoogleChrome預設語系?+用DevTools模擬不同國家時區在製作多國語系的時候,常常需要模擬不同國家,可以透過DevTools直接變更瀏覽器語系的話,測試起來會更方便。

如何查看自己的Chrome預設語系?點擊chrome右上角的三個點點進入「設定」2.滾到最底部點擊「進階」3.點開進階之後就會看到「語言」了展開之後你會發現Chrome的語言其實是一個清單,一個陣列,在頂端的就會是你的主要語系,也可以增加刪除。

你可以在consolekey入這行看看你的語系陣列:window.navigator.languages//我的:["zh-TW","en","es","zh","en-US","zh-CN"]並有一句話寫著「這是GoogleChromeUI的顯示語言」,這個意思是你的Chrome介面的語言,如果設定為英文,那麼設定這裡的頁面、你的工具列,都會是英文。

用DevTools模擬不同國家時區這是一個有一點隱藏版的小功能,平常在devtool的Panel上看不見,有兩種開啟的方式:1.DevTools中右上角的三個小點點>「Moretools」>「Sensors」2.快捷鍵:「Esc」在DevTools裡直接按下「Esc」也會開啟一個包含「Sensors」頁籤的視窗:看到Sensors頁籤就可以看到Location有一個下拉可以選擇:在這裡就可以自己選擇想要去哪個國家嚕✈️這邊提供一個網友自製的測試時區網頁,進去之後可以查看現在所在時區,就知道有沒有成功了,或者變更國家之後在你的console下這行指令:newDate()也可以看到現在自己所在的時區和時間這次的分享就到這邊,歡迎留言交流指教!🌴itsems_frontendFront-endinTaiwan,TaipeiGoogleChromeChromeDevtoolsFrontEndDevelopmentTimezoneJavaScript57 claps57itsems_frontendStayClosetoAnythingthatMakesYouGladYouareAlive.WrittenbyitsemsFollowStayClosetoAnythingthatMakesYouGladYouareAlive.itsems_frontendStayClosetoAnythingthatMakesYouGladYouareAlive.



請為這篇文章評分?