前一篇寫到 [WordPress] 暴力破解網站，拆解登入流程與模擬登入的方法 的「登入行為」，對一般使用者來說是「一個步驟」。但看在瀏覽器的眼裡可不是。中間好幾次來來去去與網站伺服器溝通都是靠瀏覽器很快速的完成，所以讓人感覺這是一個步驟。 但這也代表大家口中說的「網站壞了」其實並不單純，真要處理問 …
標籤彙整: Chrome
[WordPress] 連結加速外掛 – Quicklink
兩週前（2/1）Google Chrome Labs 釋出這款 Quicklink for WordPress 連結加速外掛。 是利用 HTML5 的功能 Prefetech 來完成預載連結內容，加入瀏覽器快取後已達加速作用，意思就是針對畫面中看到的連結都預先讓瀏覽器去載入，等你點擊的時候就會如閃電 …
[WordPress] 一種網站靜態化部署的方式
看一個 WordPress 外掛作者的網站（ https://aaroneaton.blog/ ）速度爆炸快，想說到底是什麼魔法，追查發現這個架構。 長話短說就是：網站靜態化 + Chrome Prefetch 功能支援 至於這樣的一個網站部署流程與開發架構，似乎正流行如這篇文章（https://j …
[JavaScript] unload/beforeunload 離開頁面事件處理替代方案
這個功能早期大家一定不陌生，離開頁面前會彈跳視窗，不是跟你說要記得儲存就是提醒你別這麼快走，後面還有好康。 但最近這功能好像就沒怎麼看到了！？ 經朋友提起，研究一下，發現是 Chrome 51 版本後被拿掉了，原因就是：這功能大多是在詐騙網站使用的ＸＤ 所以現在有掛這功能都不給客製化訊息，由瀏覽器統 …
[Chrome] 開發模式下的螢幕截圖方法
從 Chrome 中 News 看到的方法（New screenshot workflows）。 Mac 下鍵盤輸入：Command+Shift+C Windows/Linux 下鍵盤輸入：Control+Shift+C 開啟開發模式後，把重點移至畫面中，按住 Command(Mac) 或 Cont …
[DDoS] 你知道你正在攻擊明鏡時報的網站嗎？
更新：百度站長工具 Sitemap 主動推送功能暗藏惡意攻擊程式碼 最近在開發網站的時候觀察到一個突然的大量請求從網站發生，一開始沒注意，剛剛又發生了就順手檢查，一檢查不得了，原來我電腦正在攻擊明鏡時報！ 攻擊碼如下： if ((/chrome/([d]+)/gi.exec(window.navig …
[轉貼] Headless Chrome 初探
文章引用自「初探 Headless Chrome」 什么是 Headless Chrome Headless Chrome 是 Chrome 浏览器的无界面形态，可以在不打开浏览器的前提下，使用所有 Chrome 支持的特性运行你的程序。相比于现代浏览器，Headless Chrome 更加方便测试 …
Ubuntu 12.04 / 14.04 編譯升級 OpenSSL 至最新版本
自己的伺服器 Ubuntu 版本還在 14.04，如果使用了 Nginx 的 http2 模組還沒能完全打開任督二脈，往 ALPN 前進。 註：編譯安裝 Nginx 的時候，就算有 –with-http_v2_module 參數，也會因為系統自帶的 OpenSSL 版本低於 1.0.2 而無法支援 …
2016 年 第 45 週 Facebook 同步週報 (7 篇)
本文引用圖文皆取自[來信]告知。 1. 為了確定翻譯程序的簡化，完整地把這外掛翻譯後走了一下流程，既然連外掛名稱都有中文版，那就要用關鍵字也推廣一下了！ 這外掛說實在就跟我學影像處理一樣的..冷門ＸＤ 但其實是真的有實質上幫助，一般佈景主題或是預設主題切割的縮圖（三種：原圖、中、小），這樣無特別用途 …
開發 HTML5 網站頁面加速的幾個要點：dns-prefetch ＆ prerender
網站開發可以大方向的分前端與後端，而其前端使用者體驗這回事中「速度」又更是貫穿核心的議題。 因為網站設計（開發），真的不是一個門檻高的專業，所以大部分的情況會是前端寫好套後端，至於速度很慢？ 後端的問題！伺服器要加強！網路速度要快！ 不能說錯也不能說正確，但絕不是一個良好的合作情境。 前端比你想的還 …