[Chrome] 用Chrome DevTools 模擬不同國家/時區 - Medium
文章推薦指數: 80 %
+ 如何查看自己的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.
延伸文章資訊
- 1javascript - 在Chrome 中更改本地时区 - IT工具网
javascript - 在Chrome 中更改本地时区 · 右键单击Windows 开始栏中的时间/日期小部件。 (或转到“设置”应用并查找“日期和时间”) · 取消选中自动时间和时区设置的复...
- 2更改Google Chrome™的時區
要更改時區,只需轉到選項頁面。我們的擴展程序將列出不同國家/時區的當前時間。 只需選擇這些時區之一,然後重新加載瀏覽器即可 ...
- 3設定日期與時間- Chrome 作業系統說明
- 4[Chrome] 用Chrome DevTools 模擬不同國家/時區 - Medium
+ 如何查看自己的Google Chrome 預設語系? + 用DevTools 模擬不同國家時區. 在製作多國語系的時候,常常需要模擬不同國家,可以透過DevTools 直接變更 ...
- 5更改Google Chrome™的时区
要更改时区,只需转到选项页面。我们的扩展程序将列出不同国家/时区的当前时间。 只需选择这些时区之一,然后重新加载浏览器即可 ...