要在Chrome 瀏覽器中測(cè)試不同時(shí)區(qū)的頁(yè)面行為，可通過(guò)三種方法實(shí)現(xiàn)。 1. 使用Chrome DevTools 模擬時(shí)區(qū)：打開(kāi)DevTools → 點(diǎn)擊三個(gè)點(diǎn)→ More Tools → Sensors，在Date and Time 部分勾選覆蓋選項(xiàng)並選擇目標(biāo)時(shí)區(qū)，此設(shè)置僅在當(dāng)前會(huì)話(huà)生效；2. 通過(guò)命令行啟動(dòng)參數(shù)指定時(shí)區(qū)：關(guān)閉所有Chrome 實(shí)例後執(zhí)行chrome.exe --timezone="目標(biāo)時(shí)區(qū)"，影響整個(gè)瀏覽器實(shí)例；3. 利用JavaScript 覆蓋Date 對(duì)象行為，固定時(shí)間值用於精確控制JS 時(shí)間邏輯，適合調(diào)試和自動(dòng)化測(cè)試。根據(jù)使用場(chǎng)景選擇合適方式即可。

想在Chrome 瀏覽器裡測(cè)試不同時(shí)區(qū)的頁(yè)面行為？其實(shí)方法挺直接，尤其適合做國(guó)際化項(xiàng)目或者調(diào)試跨地區(qū)功能時(shí)用。不需要裝特別複雜的工具，用好瀏覽器自帶的功能和一些小技巧就能搞定。

使用Chrome DevTools 模擬時(shí)區(qū)

Chrome 自帶的開(kāi)發(fā)者工具（DevTools）支持臨時(shí)修改瀏覽器的時(shí)區(qū)，這對(duì)於前端調(diào)試非常有用。

• 打開(kāi)DevTools：快捷鍵F12或者右鍵頁(yè)面選擇“檢查”
• 點(diǎn)擊右上角三個(gè)點(diǎn)→ More Tools → Sensors
• 在Date and Time部分勾選“Override Geolocation” 和“Override Date/Time”
• 勾選後會(huì)出現(xiàn)一個(gè)下拉框，裡面可以直接選擇時(shí)區(qū)，比如Asia/Shanghai、America/New_York 等

注意：這個(gè)設(shè)置只在當(dāng)前DevTools 會(huì)話(huà)中生效，刷新頁(yè)面會(huì)保留你選的時(shí)區(qū)，但關(guān)閉DevTools 後就恢復(fù)默認(rèn)了。

通過(guò)命令行啟動(dòng)參數(shù)指定時(shí)區(qū)

如果你希望整個(gè)瀏覽器實(shí)例運(yùn)行在某個(gè)特定時(shí)區(qū)，而不是只在DevTools 中模擬，可以通過(guò)啟動(dòng)參數(shù)來(lái)實(shí)現(xiàn)。

• 關(guān)閉所有Chrome 實(shí)例
• 找到Chrome 的安裝路徑（Windows 下通常是C:\Program Files\Google\Chrome\Application\chrome.exe ）
• 執(zhí)行命令：

 chrome.exe --timezone="Asia/Tokyo"

你可以把"Asia/Tokyo"替換成任意IANA 支持的時(shí)區(qū)名稱(chēng)。

這個(gè)方法適用於Windows、macOS 和Linux，但需要你有權(quán)限從命令行啟動(dòng)瀏覽器。另外，這種方式會(huì)影響整個(gè)瀏覽器的行為，不只是當(dāng)前頁(yè)面。

利用JavaScript 臨時(shí)模擬時(shí)間

有些時(shí)候你想控制的是JS 獲取到的時(shí)間對(duì)象，而不是整個(gè)瀏覽器的系統(tǒng)時(shí)間。這時(shí)候可以藉助代碼覆蓋Date 對(duì)象的行為。

舉個(gè)例子：

 const originalDate = Date;
Date = class extends Date {
  constructor(...args) {
    if (args.length === 0) {
      super('2025-04-05T12:00:00Z'); // 固定一個(gè)時(shí)間} else {
      super(...args);
    }
  }
};

這樣寫(xiě)之後，任何調(diào)用new Date() 的地方都會(huì)返回你設(shè)定的時(shí)間，相當(dāng)於強(qiáng)制“欺騙”頁(yè)面認(rèn)為現(xiàn)在是某個(gè)特定時(shí)間點(diǎn)。適合用於自動(dòng)化測(cè)試或臨時(shí)調(diào)試。

基本上就這些方法了。根據(jù)你的需求選擇合適的方式：簡(jiǎn)單調(diào)試用DevTools 最方便；長(zhǎng)期測(cè)試可以用命令行；精確控制JS 時(shí)間邏輯就靠代碼重寫(xiě)Date。幾個(gè)方法都不復(fù)雜，但在實(shí)際開(kāi)發(fā)中特別實(shí)用。

以上是如何模擬Chrome中的不同時(shí)區(qū)的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！