如何在不更改名稱服務器的情況下預覽網站(2 種方法)

已發表: 2022-08-27

想知道如何在不更改名稱服務器的情況下預覽您的網站? 嘗試了幾種方法並浪費時間這樣做? 或者您是否在使用網絡託管公司提供的預覽 URL 時遇到了麻煩?

這些是人們在嘗試測試託管服務器時經常遇到的問題。 為什麼要這樣做? 我會告訴你確切的原因和簡單的方法來做到這一點。

我已經說明了對名稱服務器的需求、它的含義和相關內容。 因此,讓我們繼續使用這些輕鬆的方法來預覽您的網站,無需域或在切換 DNS 條目之前。

目錄
[節目]
  • 什麼是名稱服務器?
  • 為什麼需要更改名稱服務器?
  • 為什麼要在更改名稱服務器之前預覽您的網站?
  • 什麼是預覽網址?
  • 方法 1 – 使用 hosts.cx
    • 步驟1
    • 第2步
    • 第 3 步
  • 方法 2 – 編輯本地主機文件
  • 視窗
    • 步驟1
    • 第2步
    • 第 3 步
    • 第4步
    • 第 5 步
  • Mac 操作系統
    • 步驟1
    • 第2步
    • 第 3 步
    • 第4步
    • 第 5 步
    • 第 6 步
  • Linux操作系統
    • 步驟1
    • 第2步
    • 第 3 步
  • 結論

免責聲明:我堅信透明度。 如果您使用我們網站上的鏈接購買,我們可能會賺取少量佣金,而無需您支付任何額外費用。 這有助於我不斷產生誠實的評論。 閱讀更多>>

什麼是名稱服務器?

名稱服務器提供了一種將域名連接到託管服務提供商的簡單方法。 名稱服務器通常指向我們的網絡託管服務提供商。

示例 –我在流行的域名註冊商 Namecheap.com 上有一個域名,在 Hostinger 上有一個共享主機。
要將我的域“kptesthosting9.com”連接到託管服務提供商,我會將我的名稱服務器更改為 Hostinger 提供的名稱服務器。

在這種情況下,提供給我的域名服務器是——ns1.dns-parking.com

ns2.dns-parking.com

服務器的名稱服務器

為什麼需要更改名稱服務器?

更改名稱服務器有兩個主要原因

  1. 當我們啟動我們的網站並希望將我們的域名連接到我們的網絡託管服務提供商時。
  1. 當我們更改我們的網絡託管服務提供商並希望將我們的域指向新的託管服務時。

為什麼要在更改名稱服務器之前預覽您的網站?

由於以下原因之一,您可能希望在更改名稱服務器之前預覽您的網站。

如果您要轉移到新的託管服務提供商,那麼在指向您的域之前,在服務器上測試您的網站是最重要的工作。 您可以驗證服務器是否按預期工作,沒有問題。

但這可能是不可能的,因為您沒有域或它用於託管您的其他網站。 您想在遷移之前在服務器上測試您的站點。

或者,您想在新網站發布之前對其進行測試? 是的,人們希望在啟動網站之前檢查其設計並測試其功能。

繼續閱讀本文以了解如何執行此操作的便捷方法。

什麼是預覽網址?

您想檢查您的網站對訪問者的看法,然後預覽 URL 就是您所需要的。 預覽 URL 用於在啟動網站之前預覽網站。 我們這樣做是為了檢查網站是否存在設計錯誤並檢查功能。

預覽/臨時 URL 有助於了解網站發布後的外觀。

這是我使用預覽 URL 的演示網站。

網站

此外,預覽 URL 用於在服務器上託管網站之前檢查服務器的功能。 您可以檢查您的新託管服務提供商的服務器是否像他們承諾的那樣正常工作。

您可以向您的網絡託管服務提供商詢問臨時 URL,他們有時會在儀表板中提供一個選項。 或者您可以按照方法獲取您網站的預覽網址。

方法 1 – 使用 hosts.cx

Hosts.cx 網站

如何獲得沒有域的預覽網站? 這是最好的方法。 Hosts.cx 是一個免費的公共網站,用於獲取您網站的預覽 URL。 這種方法很簡單,您只需要服務器的 IP 地址和網站即可。

步驟1

您的服務器的 IP 地址可以從您的虛擬主機帳戶的儀表板或控制面板中獲取。 我在 Hostinger 上託管了我的網站,服務器的 IP 地址在 hPanel 中。

(hosts.cx) 第 1 步 - 服務器的 IP 地址

第2步

訪問 hosts.cx 網站後,您需要輸入兩件事。

服務器的 IP 地址和您的網站。 現在,在服務器地址字段中指定 IP 地址,在網站名稱字段中指定您的域名。

勾選“我不是機器人”提示並單擊獲取我的測試 URL。

(hosts.cx)第 2 步 - 填寫字段

3 步

瞧! 您將獲得一個帶有 QR 碼的網站臨時 URL。 您可以通過瀏覽器訪問該 URL。

(hosts.cx) 第 3 步 - 預覽 URL 和 QR 碼

另一種方法是使用 QR 碼,從任何設備(甚至是移動設備)掃描它以訪問您的網站。

方法 2 – 編輯本地主機文件

此方法需要您編輯計算機上的本地主機文件,以便您可以在 DNS 傳播完成之前預覽您的網站。 有時可能很乏味,您需要編輯系統文件,其他人無法查看結果。

上述方法僅適用於您的系統。

如果您對編輯配置文件感到不舒服,請按照方法 1。

視窗

下面是windows操作系統的程序,我們在系統中編輯hosts文件。

1 步

在 Windows 菜單中,鍵入記事本。 右鍵單擊該圖標並選擇以管理員身份運行選項。

(windows) 第 1 步 - 以管理員身份運行記事本

第2步

從記事本的文件菜單中打開主機文件 (CTRL+O)。

該文件的位置是:-

C:\Windows\System32\drivers\etc\hosts。

如果找不到文件,請在記事本中將“文本文檔”更改為“所有文件”。 現在,您可以訪問所有文件,包括 hosts 文件。

(windows) 第 2 步 - 打開主機文件

第 3 步

接下來,您需要在文件末尾添加以下相同格式的文本。

185.229.165.196 kptesthosting9.com
185.229.165.196 www.kptesthosting9.com

這是一個例子。 將 IP 地址替換為您的服務器的 IP 地址。 應添加您的主域來代替網站名稱。

(windows) 第 3 步 - 添加所需的文本

第4步

保存文件 (CTRL+S)。 (不要使用另存為選項,僅使用保存選項)

(windows) 第 4 步 - 保存文件

5

如果打開並重新啟動瀏覽器,請關閉任何瀏覽器選項卡。 輸入您的網站名稱,這將從服務器加載您的網站。

(windows) 第 5 步 - 網站

Mac 操作系統

我們現在將檢查Mac 操作系統的程序。

步驟1

打開終端應用程序。 您可以通過 Applications > Utilities > Terminal 打開它。

第2步

接下來,我們使用 nano 編輯器訪問 hosts 文件。 使用以下命令運行該文件。

須藤納米/私人/等/主機

當您以超級用戶身份執行命令時,輸入您的 macOS 帳戶的管理員密碼。

第 3 步

在文件末尾添加以下行(如 Windows 操作系統所述)。

185.229.165.196 kptesthosting9.com
185.229.165.196 www.kptesthosting9.com

第4步

完成文件編輯後,使用 CTRL+X (CMD+X) 保存它,然後按 Y。完成後單擊 Enter。

第 5 步

接下來,您需要刷新 DNS 緩存。 以下是不同版本 macOS 的命令。

El Capitan (10.11)、Sierra (10.12)、High Sierra (10.13)、Mojave (10.14) 和 Catalina (10.15) -> sudo killall -HUP mDNSResponder

優勝美地(10.10)-> sudo discoveryutil udnsflushcaches

雪豹 (10.6) -> dscacheutil -flushcache

Lion (10.7)、Mountain Lion (10.8) 和 Mavericks (10.9) -> sudo killall -HUP mDNSResponder

第 6 步

打開一個新的瀏覽器選項卡並輸入您的網站。 這會將網站加載到您的屏幕上。


Linux操作系統

Linux用戶的流程與此類似,但更改很少。

步驟1

我們也將在終端中為 Linux 使用相同的 nano 編輯器。

使用以下命令編輯文件:

$ sudo nano /etc/hosts

或者您也可以使用 gedit 文本編輯器。 為此的命令是:

$ sudo gedit /etc/hosts

(Linux) 第 1 步 - 打開 hosts 文件

第2步

在文件末尾添加以下行(如其他操作系統所述)

185.229.165.196 kptesthosting9.com = [IP地址(空格)網站名稱(不含www)]

185.229.165.196 www.kptesthosting9.com = [IP地址(空格)網站名稱]

(Linux) 第 2 步 - 添加所需文本

第 3 步

使用 CTRL+X 保存文件,然後按 y。

注意:如果要恢復更改,只需從 hosts 文件中刪除這兩行。 這適用於所有三個操作系統。

結論

我們現在已經走到了盡頭。 希望您可以按照這些步驟獲取預覽 URL。 這兩種方法都易於遵循和完成。

如果您在執行這些步驟時遇到任何困難,請告訴我。 在評論部分留下回复,我會澄清你的疑問。

另外,如果您完成了該過程並獲得了預覽 URL,請告訴我。

無論如何,如果您喜歡閱讀我的內容,您可以訂閱我的時事通訊以接收所有最新更新! 這是克里佩什簽字。 乾杯,快樂學習!