in

Darkthread

黑暗執行緒
All Tags » HTML5 (RSS)

Browse by Tags

  • 使用 Headless Chrome 擷圖、轉存PDF、爬資料

    Chrome 自 59 版起內建了 Headless 模式 ,允許透過命令列啟動 Chrome 以無 GUI 方式執行,具備與正常開啟完全相同的網頁渲染及 JavaScript 引擎,還可透過網路連線遙控。這個功能可以用於不少有趣應用,這裡列舉幾種實用情境。 註:Headless Chrome 的完整參數可參考 List of Chromium Command Line Switches « Peter Beverloo 網頁擷圖 將網頁存成圖檔或 PDF,過去我是用 PhantomJs 。Headless Google 的出現,能取代 PhantomJS 功能且更快更穩,讓 PhantomJS...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 07-10-2018
  • Chrome 記憶密碼誤填欄位問題

    同事報案,Chrome 會莫名把客戶帳號填入輸入與帳號無關的 <input type="text"> 欄位,初步研判是 Chrome 內建的帳號密碼記憶小工具 Google Smart Lock 搞鬼。 用以下網頁重現問題。如操作所示,在登入網頁 Logon.aspx 用 Google Smart Lock 記下密碼,登入後導向 Index.html,網頁上只有一個訂單編號,Chrome 卻自動自發填上使用者名稱。 原因在於 Index.html 中有個被 display: none 隱藏的 <input type="password"...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 05-23-2018
  • HTML5 筆記 - 使用 SVG 取代 PNG/GIF 圖示

    隨著主流瀏覽器支援度愈來愈好,在網頁裡用 SVG 取代 PNG、GIF 呈現圖示(Icon)及簡單圖案漸成趨勢,沒吃過豬肉也要看看豬走路,趕緊做點功課並整理筆記備忘。 網頁引用 SVG 有三種做法: Object: <embed src="…"> <object data="…"> <iframe src="…"> Inline: <svg>…</svg> Image: <img src="…"> background: url('…'...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 04-22-2018
  • Coding4Fun-試聽 16 進位字串表示的 MP3 內容

    鹹蝦專案(利用閒暇經營的 Side Project )遇到的需求,先前把 MP3 音效資料整進 SQL 資料表轉成 IMAGE 資料型別,查詢起來像這樣: 如果我想試聽這段聲音該怎麼辦? 網路上可以找到一些 T-SQL 範例 ,將 SQL 裡的二進位資料匯出成檔案。不過這樣子每次試聽的步驟有點麻煩: 用 SELECT 取得某一筆 IMAGE 內容 -> 以內容及檔名為參數呼叫 Stored Procedure -> 在檔案總管點選檔案試聽。 我心中理想的操作方式是: SELECT 選出數筆內容 -> 選出想試聽的內容貼到「試聽工具」輸入區 -> 試聽工具自動播放 MP3...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 09-24-2017
  • 閒聊:不想走在「最前端」, WebForm 開發者也該學的技能

    就用這篇鬼故事當開場吧! 在 2016 年学 JavaScript 是一种什么样的体验? 這幾年 HTML5 火紅,前端開發技術發展如黃河氾濫一發不可收拾,開發框架百家齊嗚,眼花瞭亂不知如何下手就算了,更要命的是市場主流每兩年就轉一次風向,兩年前我才含淚從 Knockout 轉到 Angular ,現在卻眼看 React.js 及 Vue.js 可能把 Angular 的接班人 Angular 2 幹掉 Orz。不只開發框架主流變來變去,連開發工具也整套換光光。還記得兩年前的這篇 Gulp, Grunt, Bower 以及 npm 嗎?好消息,那幾個名詞就快隨風而逝不用花時間搞懂了;壞消息,變成要搞懂...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 11-08-2016
  • ASP網頁IE9相容拉皮筆記

    整合清代ASP 的工作持續進行,上回提過用IFrame內嵌ASP網頁時,父網頁與IFrame必須為同樣的IE模式,若父網頁要採HTML5時代寫法,就得考量各程式庫的IE最低版本要求,例如:KendoUI為 IE8以上 、AngularJS 1.3+ 需要IE9 ,再加上XML Data Island最後的支援版本為IE9、VBScript只到IE10,算下來IE9是基本要求。 初試幾個老ASP網頁切到IE9大致可行,但要改的小地方挺多,這篇先整理從IE5拉到IE9標準遇到的幾個CSS問題。 我把狀況整理成一個問題大全: < html > < head > < meta...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 06-07-2016
  • IE11、XML Data Island與VBScript

    前文 提到眼前的棘手任務是在HTML5網站整合活化石等級的ASP(是的,就是ASP!不是ASPX),其中一大挑戰是ASP網頁裡大量使用XML Data Island與VBScript,能不能與HTML5並存是未知數,心中最理想結果是以IFrame內嵌ASP,大草原上羚羊跟迅猛龍一起快樂奔跑,世界真美好~當然,最後證明這只是不切實際的幻想,真實上演的是迅猛龍趕羚羊咬羚羊的慘烈場景 orz 試著在HTML5 IFrame內嵌實際的ASP,陸續發生詭異錯誤,為讓測試單純化,我簡化成用一個parent.html加一個embedded.html重現問題: parent.html <! DOCTYPE...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 05-26-2016
  • 搞懂X-UA-Compatible IE相容設定

    始終沒認真搞懂X-UA-Compatible IE=7跟IE=EmulateIE7有什麼不同,最近專案要步入「古今合壁」的偉大工程,把許多IE Only的活化石網頁跟HTML5網頁摻在一起做瀨尿牛丸,再不弄清楚恐會死得難看,於是查了文件做了實驗,筆記備忘。 MSDN文件 Defining document compatibility 所有IE包含三種文件模式: Standard Mode(標準模式) 努力支援最新HTLM5/CSS3/SVG等標準,但一如大家所知,不同版本IE支持程度不同 Quirks Mode(接縫模式) 力求相容較早版本瀏覽器的行為 [ 補充資料 ] 在IE9以前,Quirks...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 05-25-2016
  • 克服入口網站內嵌其他網站之跨網站存取限制

    文章標題有點饒舌難懂,直接說我需求就清楚了。我想在員工入口網站(例如:portal.utopia.com)加入人事、行政、會計、電子表單等現成網站功能,這些應用程式各有自己的網站(例如:webap.utopia.com),最簡單的整合方法是在入口網站放個Iframe將其他網站的網頁內嵌進來,兩分鐘搞定,用膝蓋就能完成。 BUT,人生最機X的就是這個BUT! PM/老闆/使用者一定不會這麼簡單放過你,既然網頁已經整在一起,那麼切換樣式跟入口網站融為一體,審完表單入口網站的待審數字要減一,非常合情合理,應該難不倒你吧?不!瀏覽器跳出來說:「Over my dead body!」 母網頁跟Iframe網頁要溝通基本上不是難事...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 05-07-2016
  • Chrome的Button Click行為差異

    同事報案網頁在IE與Chrome表現不同,依稀記得遇過,但沒寫成沒找到明確記錄,花了時間回想、研究、實驗,得到結論後才恍然憶起,從HipChat對談翻出以前的辦案記錄。明明是前科犯還重啟調查,記憶力壞掉好可怕,也懊悔浪費了時間。由此得一結論-「勿以茶包小而不記,永遠別信任中年人的記憶力」,故寫此文。 用範例程式說明如下: Live Demo <! DOCTYPE html > < html > < head > < meta charset ="utf-8" > < meta name ="viewport"...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 03-24-2016
第1頁,共4頁 (40個項目) 1 2 3 4 下一頁 >
Powered by Community Server (Non-Commercial Edition), by Telligent Systems