Linux 使用 Nativefier 將 Web 服務變成應用程式

現在很多服務都 Web 化,但是在電腦瀏覽器開很多 Tab,切換無法使用 Alt-Tab 有點麻煩,希望可以將網頁直接變成應用程式,可以直接 Alt-Tab 就切換到直接操作,可以怎麼做呢?

  • 註:此篇是將 Facebook (Meta) 的 Messenger (messenger.com) 變成 Ubuntu Linux Xwindow 的 應用程式

閱讀全文〈Linux 使用 Nativefier 將 Web 服務變成應用程式〉

Lexical:Facebook 開源的線上文字編輯器(Rich Text)

Rich Text 編輯器 Open Source 的很多,但是也很容易有安全性的漏洞要解決,所以也蠻困擾的。

Facebook Open Source 此套 Rich Text 編輯器(以前常用這個名稱:WYSIWYG),目前 Facebook 和 Instagram 都在使用,看起來應該是經過嚴格的安全性測試,有興趣可以嘗試用用看囉~

閱讀全文〈Lexical:Facebook 開源的線上文字編輯器(Rich Text)〉

HTML 有內容 但網頁無法顯示 curl 看到 Failed writing body 的解法

網站出現無法顯示網頁,但是使用 CURL 卻看到回傳的 HTML 都是完整的,不過卻有下述錯誤訊息:

  • curl: (23) Failed writing body (8864 != 16366)

要怎麼解決呢?

閱讀全文〈HTML 有內容 但網頁無法顯示 curl 看到 Failed writing body 的解法〉

XSS Cheatsheet - 2021

以前有整理過各種 XSS 和安全性的文章,詳可見:

XSS 的防範要做完太難了,來看看 2021 又有哪些新要注意的地方~

閱讀全文〈XSS Cheatsheet - 2021〉

W3C 與 WHATWG 將合作整合 HTML、DOM 的標準

World Wide Web Consortium (W3C)(全球資訊網協會) 由網際網路之父 Tim Berners-Lee 創辦,致力於制定網路共通標準。

W3C 於 1989年制定 HTML,於 1998年將 HTML 檔案加上 Metadata,希望以語意網路來發展成 XHTML 和 XML。(註:XHTML 很明顯不受大家喜愛~)

WHATWG(網頁超文字應用技術工作小組) 是因為 W3C 的網頁標準發展緩慢,在加上 W3C 意圖放棄 HTML 而轉向發展 XML 為基礎的技術。

比起 W3C 的目標,另一派的人更支持將網頁變成應用程式平臺的想法,因此 2004年由 Apple 與 Mozilla 基金會 等企業,建立了標準組織 WHATWG,並開始制定 HTML5。

閱讀全文〈W3C 與 WHATWG 將合作整合 HTML、DOM 的標準〉

使用 Vim 將 HTML 做 Tidy 格式化

Vim 平常在寫 HTML 是沒什麼問題,用標準的排版方式就已經很好用了~

這次遇到的問題是,將某頁面的 HTML 抓下來,但是那頁面的 HTML 格式全部縮成一排,甚至還有 HTML 標籤(Tag) 是有開頭沒結尾等等的情況,要怎麼做 Beautify / Formatter 呢?

閱讀全文〈使用 Vim 將 HTML 做 Tidy 格式化〉

使用 Polyfill 來解決瀏覽器不支援 HTML 新功能的問題

HTML5 在某些瀏覽器不支援,想要跨瀏覽器支援,可以靠 Polyfill (外部 library) 讓瀏覽器支援,此篇裡面有各種的 Polyfills (SVG、Canvas、Web Storage、Video... )

網頁於 Chrome 不要出現(關閉) Translate 的訊息

於 Chrome 開啟網頁,常常會下拉是不是需要翻譯(Translate) 的區塊視窗,自己的網頁希望不要跳出這個區塊,要怎麼做呢?

閱讀全文〈網頁於 Chrome 不要出現(關閉) Translate 的訊息〉