疑難雜症系列 - 2: 網頁進不去

更新於 2024/12/15閱讀時間約 2 分鐘

身為一位軟體工程師,遇到各種疑難雜症而必須通靈的狀況是必不可少的(?),常會有客戶反映他無法進入公司的網頁或後台,但神秘的是,其他客戶卻都沒有問題。這時,我們不一定能從茫茫的 log 海中找到有用的資訊,也不太可能直接操作客戶的電腦進行檢查,那麼該怎麼辦呢?

問題描述 & 已知情況

  1. 使用者持續反映在使用過程中遇到問題。
  2. 這類問題千奇百怪,觸發情境五花八門,包括但不限於:網站數據匯出時未成功匯出、點擊頁面上的送出按鈕後毫無反應等。
  3. 通常無法遠端控制使用者的電腦進行問題排解。(主要是使用者拒絕)


=================思考分隔線=================


解決方式

這類問題通常源於使用者端,例如憑證過期或網路不穩定,但使用者往往不願意相信,因此這類問題比較難以解決。

其中一個有效的方式是,引導使用者產出 HAR 檔後,通過分析 HAR 檔的資訊,我們可以更清楚地查找問題所在。此外,我們也能利用 HAR 檔內的數據來說服客戶,讓他們了解問題的源頭在哪裡。

HAR 檔

HAR(HTTP Archive)檔案是一種用於記錄網頁請求和響應的格式,裡面包含了網頁加載過程中的所有 HTTP 請求、響應頭、響應體、加載時間等信息,常用於除錯以及性能測試。

HAR 檔是以 JSON 格式組成,相對容易分析,市面上也有很多工具可以協助解析與可視化,例如:HAR 分析工具 (googleapps.com)

稍微經驗談

通常只有當公司的軟體產品對外開放時,才會出現這類困擾的問題。若是內部使用的話,通常可以修改程式以符合特定部門的需求。我也是在前公司工作後,才有機會遇到這類麻煩的問題。

參考資料:

  1. https://toolbox.googleapps.com/apps/har_analyzer/?lang=zh-TW
avatar-img
2會員
23內容數
test
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
林柏宇的沙龍 的其他內容
在這篇文章中,我們將探討常見的下載中斷問題,尤其針對高畫質影片或大檔案的傳輸困難。通過問題描述與解析,我們發現影響下載成功的因素,並提出利用 byte-range 技術進行分段傳輸的解決方案。此外,也會說明調整 header 的重要性,幫助開發者有效改善用戶下載體驗。
在軟體工程中,文件管理常被忽視,但對於多方協作至關重要。本文深入探討API文件、YAML格式和UML圖的應用,強調保持文件的版本控制,使用Swagger和Markdown工具提升可讀性與協作效率。此外,我們將討論如何利用PlantUML輕鬆繪製UML圖,以促進開發團隊之間的有效溝通與理解。
本文介紹了代理伺服器的重要性及其主要功能,包括請求轉發、響應回傳、隱私保護、內容過濾等。此外,本文還探討了各類型的代理伺服器,如正向代理、反向代理、透明代理和高匿名代理,以及它們在網路架構中的角色。瞭解這些概念不僅能增進對網路安全的認識,還能在選擇合適的解決方案時提供幫助。
在資料分析中,資料處理和可視化是不可或缺的兩項重要任務。本文介紹了 ELK 系統(包括 Elasticsearch、Logstash 和 Kibana)以及 Grafana 的核心功能及其在日誌管理和資料分析中的作用,幫助讀者理解這些工具如何提升資料處理效率和可視化效果,從而更好地應用於真實場景中。
在系統架構領域,高併發、高可用及高性能是不可或缺的概念。高併發涉及系統在短時間內處理大量請求的能力;高可用性關注系統在故障情況下的持續運作能力;而高性能則關注系統快速處理任務、資源利用率高和低延遲的表現,並針對每個概念提供具體的實現方式及最佳實踐,幫助讀者瞭解如何在實務中提升系統的整體效能。
本文探討微服務架構的設計理念,包括如何解耦服務之間的依賴性,以及其在臺灣企業推行的現狀與優點。微服務架構能夠提高系統的擴展性和容錯性,解決高耦合問題,特別適合快速迭代的開發環境。文章還提供瞭解耦的實用建議,幫助開發團隊維護和測試微服務,使系統更加模組化、靈活且可維護。
在這篇文章中,我們將探討常見的下載中斷問題,尤其針對高畫質影片或大檔案的傳輸困難。通過問題描述與解析,我們發現影響下載成功的因素,並提出利用 byte-range 技術進行分段傳輸的解決方案。此外,也會說明調整 header 的重要性,幫助開發者有效改善用戶下載體驗。
在軟體工程中,文件管理常被忽視,但對於多方協作至關重要。本文深入探討API文件、YAML格式和UML圖的應用,強調保持文件的版本控制,使用Swagger和Markdown工具提升可讀性與協作效率。此外,我們將討論如何利用PlantUML輕鬆繪製UML圖,以促進開發團隊之間的有效溝通與理解。
本文介紹了代理伺服器的重要性及其主要功能,包括請求轉發、響應回傳、隱私保護、內容過濾等。此外,本文還探討了各類型的代理伺服器,如正向代理、反向代理、透明代理和高匿名代理,以及它們在網路架構中的角色。瞭解這些概念不僅能增進對網路安全的認識,還能在選擇合適的解決方案時提供幫助。
在資料分析中,資料處理和可視化是不可或缺的兩項重要任務。本文介紹了 ELK 系統(包括 Elasticsearch、Logstash 和 Kibana)以及 Grafana 的核心功能及其在日誌管理和資料分析中的作用,幫助讀者理解這些工具如何提升資料處理效率和可視化效果,從而更好地應用於真實場景中。
在系統架構領域,高併發、高可用及高性能是不可或缺的概念。高併發涉及系統在短時間內處理大量請求的能力;高可用性關注系統在故障情況下的持續運作能力;而高性能則關注系統快速處理任務、資源利用率高和低延遲的表現,並針對每個概念提供具體的實現方式及最佳實踐,幫助讀者瞭解如何在實務中提升系統的整體效能。
本文探討微服務架構的設計理念,包括如何解耦服務之間的依賴性,以及其在臺灣企業推行的現狀與優點。微服務架構能夠提高系統的擴展性和容錯性,解決高耦合問題,特別適合快速迭代的開發環境。文章還提供瞭解耦的實用建議,幫助開發團隊維護和測試微服務,使系統更加模組化、靈活且可維護。
你可能也想看
Google News 追蹤
Thumbnail
本文探討了複利效應的重要性,並藉由巴菲特的投資理念,說明如何選擇穩定產生正報酬的資產及長期持有的核心理念。透過定期定額的投資方式,不僅能減少情緒影響,還能持續參與全球股市的發展。此外,文中介紹了使用國泰 Cube App 的便利性及低手續費,幫助投資者簡化投資流程,達成長期穩定增長的財務目標。
Thumbnail
#maxask #惡意軟體 #瀏覽器被惡意或廣告工具綁架 URL轉址(重定向、重新導向):當使用者瀏覽A網址時,自動跳轉到B網址。 - 發生情境: 使用edge瀏覽器,使用Google搜尋引擎, 搜尋XXX關鍵字,網頁自動跳轉到maxask的搜尋介面。
Thumbnail
前言與本文適合對象 本篇電子書是在幫目前已經有在經營的自媒體在更往上提升,所以不會教如何架設網站、主機操作與設定等。 如果真的想要自己架設網站的可以參考:網站帶路姬 想要找部落格主機代管的可以找:金城事務所 我自己的建議是架站跟主機選擇都不是創作者需要學習的,可以交給專業的服務商幫你
Thumbnail
這篇文章記錄了一次特殊的電腦維修案例,客戶電腦出現無法上網和不定時當機後無法開機的問題。文章詳細描述了維修過程和最終的結論......
Thumbnail
本篇文章是根據知名 SEO 軟體開發商 Ahrefs 在分析一百多萬個網址後,所整理出來的技術性 SEO 問題以及對應的解決方案。
Thumbnail
因爲某天我FB和IG的AI客服突然斷綫。 我檢查了客服那邊半天都沒有找出問題。後來才發現是Meta設定問題,因爲我也不是IT科班出生。只能一步步自己去檢查更新的地方,以及要補資料的地方。我玩了大半個月,到昨晚半夜真的忍不了,醒過來直接砍掉開新後臺。才發現舊版的商家驗證是廢……
其實我們的電腦和電話真的比passport更重要。。。今天早上在warehouse跌爛電腦,要拿去維修,仆街要等一個星期。。。沒有電腦只能靠iPad和電話,什麼網上銀行,和我的website都不能用,因為我根本不知道密碼是什麼。。。還好有電話,不然根本連證明自己是誰都不可以。。。 S
Thumbnail
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
1、頁面沒有建立內部連結|SEO Google 的搜尋引擎爬蟲在抓取網站時,透過內部連結來發現新網頁並為其建立索引,所以建立內部連結對搜尋引擎索引網頁起著至關重要的作用。 如果網站缺乏內部連結,搜尋引擎爬蟲可能難以發現其所有頁面,這可能會導致某些頁面未被索引。  2、沒有提交 Sitemap|
Thumbnail
 以協助客戶建置網路品牌經營為使命的 華瑞資訊股份有限公司,擁有十多年的ERP軟體整合服務經驗,並提供客製化網頁、網路行銷、購物平台整合、網站經營、金流整合、APP開發等服務項目,並積極推動「無障礙網站設計」,協助政府機關及企業導入所需的資訊系統、品牌網站
Thumbnail
在今天的數字時代,網路不僅僅是資訊的來源,更是企業發展和個人品牌建立的關鍵所在。然而,無論你是管理自己的網站還是在數位行銷領域工作,若未能掌握搜索引擎優化(SEO)的精髓,你將面臨被淹沒在網路浪潮中的風險。 SEO不僅是提升網站排名的技術,更是通往持久流量和高質量訪客的大門。每一次的搜尋,背後都有
Thumbnail
本文探討了複利效應的重要性,並藉由巴菲特的投資理念,說明如何選擇穩定產生正報酬的資產及長期持有的核心理念。透過定期定額的投資方式,不僅能減少情緒影響,還能持續參與全球股市的發展。此外,文中介紹了使用國泰 Cube App 的便利性及低手續費,幫助投資者簡化投資流程,達成長期穩定增長的財務目標。
Thumbnail
#maxask #惡意軟體 #瀏覽器被惡意或廣告工具綁架 URL轉址(重定向、重新導向):當使用者瀏覽A網址時,自動跳轉到B網址。 - 發生情境: 使用edge瀏覽器,使用Google搜尋引擎, 搜尋XXX關鍵字,網頁自動跳轉到maxask的搜尋介面。
Thumbnail
前言與本文適合對象 本篇電子書是在幫目前已經有在經營的自媒體在更往上提升,所以不會教如何架設網站、主機操作與設定等。 如果真的想要自己架設網站的可以參考:網站帶路姬 想要找部落格主機代管的可以找:金城事務所 我自己的建議是架站跟主機選擇都不是創作者需要學習的,可以交給專業的服務商幫你
Thumbnail
這篇文章記錄了一次特殊的電腦維修案例,客戶電腦出現無法上網和不定時當機後無法開機的問題。文章詳細描述了維修過程和最終的結論......
Thumbnail
本篇文章是根據知名 SEO 軟體開發商 Ahrefs 在分析一百多萬個網址後,所整理出來的技術性 SEO 問題以及對應的解決方案。
Thumbnail
因爲某天我FB和IG的AI客服突然斷綫。 我檢查了客服那邊半天都沒有找出問題。後來才發現是Meta設定問題,因爲我也不是IT科班出生。只能一步步自己去檢查更新的地方,以及要補資料的地方。我玩了大半個月,到昨晚半夜真的忍不了,醒過來直接砍掉開新後臺。才發現舊版的商家驗證是廢……
其實我們的電腦和電話真的比passport更重要。。。今天早上在warehouse跌爛電腦,要拿去維修,仆街要等一個星期。。。沒有電腦只能靠iPad和電話,什麼網上銀行,和我的website都不能用,因為我根本不知道密碼是什麼。。。還好有電話,不然根本連證明自己是誰都不可以。。。 S
Thumbnail
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
1、頁面沒有建立內部連結|SEO Google 的搜尋引擎爬蟲在抓取網站時,透過內部連結來發現新網頁並為其建立索引,所以建立內部連結對搜尋引擎索引網頁起著至關重要的作用。 如果網站缺乏內部連結,搜尋引擎爬蟲可能難以發現其所有頁面,這可能會導致某些頁面未被索引。  2、沒有提交 Sitemap|
Thumbnail
 以協助客戶建置網路品牌經營為使命的 華瑞資訊股份有限公司,擁有十多年的ERP軟體整合服務經驗,並提供客製化網頁、網路行銷、購物平台整合、網站經營、金流整合、APP開發等服務項目,並積極推動「無障礙網站設計」,協助政府機關及企業導入所需的資訊系統、品牌網站
Thumbnail
在今天的數字時代,網路不僅僅是資訊的來源,更是企業發展和個人品牌建立的關鍵所在。然而,無論你是管理自己的網站還是在數位行銷領域工作,若未能掌握搜索引擎優化(SEO)的精髓,你將面臨被淹沒在網路浪潮中的風險。 SEO不僅是提升網站排名的技術,更是通往持久流量和高質量訪客的大門。每一次的搜尋,背後都有