標籤: 網站檢測

everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果

現在很多人是透過智慧型手機或平板電腦瀏覽網頁,在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示,以往會製作成電腦版和手機版兩種格式,後來多半以響應式網頁設計(Responsive web design)技術直接在不同尺寸螢幕上顯示最適合的樣式,更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形,除了直接使用手機瀏覽外,其實也有不少工具可以輔助,像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。

Read More

Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌(Chrome 擴充功能)

如果要讓行動裝置正常瀏覽網頁,可以另外製作手機版頁面或是透過自適應網頁設計(Responsive Web Design,簡稱 RWD)技術來調整版型,那麼要怎麼知道一個網站有沒有支援 RWD 呢?最簡單的方法就是拖曳調整視窗大小,看看網頁是不是在寬度較窄時仍可正常顯示,例如選單可能會縮起變成點選後才展開的按鈕。大部分的開發者都會使用行動裝置測試版型,但每個裝置大小都有差異,若沒辦法同時擁有這麼多裝置進行測試,其實透過一些電腦上的工具也能達到相同效果。

Read More

Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具

免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具,這些服務多半不需要額外下載軟體,輸入網址就能建立網頁截圖,有些還能選擇要用的裝置類型或解析度大小,對於檢查自適應網頁設計(Responsive Web Design)網站呈現效果來說會很有用,有時候也可能用來備份網頁內容,像是 Web-Capture 線上網頁快照服務輸入網址就能完整擷取網頁轉圖片,或是 Screenshot Guru、Full Page Screen Capture 都能透過瀏覽器建立網頁擷圖。

Read More

Site Kit by Google 官方 WordPress 外掛開放下載,常用站長工具整合網站

去年底 Google 提出 Site Kit 外掛的想法,經歷將近一年的開發和測試,在十月底終於宣布讓所有 WordPress 站長免費下載!Site Kit by Google 是相當令人興奮和期待的產品,主要原因是這是 Google 官方在 WordPress 獨立推出的第一支外掛程式(顯示 WordPress 在網路上具有極大的影響力),整合 Google 旗下網站管理員會用到的相關功能,讓數據直接放進網站控制台,無論對於網站管理者、開發者、代理商或虛擬主機提供商來說都是非常實用的工具。

Read More

ScreenDump 自適應網頁設計測試工具,預覽網站在不同尺寸螢幕顯示效果

早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題,都會針對 User Agent 提供不同的頁面版本,例如在手機存取時會直接切換到「行動版」網頁,若以電腦開啟則是跳轉一般網頁,這麼做的好處是一般行動裝置會使用速度較慢的行動網路,行動版就能盡量減少網頁大小,讓瀏覽者有更好的使用體驗,不過缺點也顯而易見,就是得同時維護網頁不同版本,無形間增加更多時間成本。

Read More

URLVoid 從超過 30 個檢測引擎檢查網頁安全,避免誤入詐欺或惡意連結

想知道瀏覽的網站安全與否,各家掃描引擎都有自己的黑名單,最有名的就屬 Google Safe Browsing,而這份名單除了 Google 搜尋會使用,也提供給 Google Chrome 和各家瀏覽器業者,因此能在發現問題網站時立即阻擋封鎖以避免使用者前往。不過有時候也會遇到已經被回報但還未處理的惡意鏈結,最常見的像是釣魚網站、首頁綁架、安裝惡意程式等防不勝防,只能在每次打開網站前再三確認真偽。

Read More

Is it down? 查看 Google、Facebook、IG 等大型網路服務可否正常連線

每個網站或服務都有出現異常的時候,一般來說,世界級的網站可能比較少發生狀況,畢竟有龐大的硬體和團隊在監控,一旦無法連線,造成的損失可能難以想像,不過偶爾也會看到因為人為疏失而讓網站無法連線,尤其每隔一段時間都會出現一下,就好像連鎖反應。每次遇到無法連線時都先檢查自己的網路是不是發生問題,重新連線 Wi-Fi 是基本功,但最想知道的是其他人能不能正常連線。

Read More
Loading