標籤: html

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 的訊息〉