The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

如何完整刪除 Postman 共用過的 Collection 連結

身為一個 Postman 的忠實用戶,我們已經用了好多年了,一路走來看著 Postman 不斷長大,功能也越來越多、越來越完善,不過也帶來了一些小困擾。早期我們要共用 Collection 給別人,只要用 Share 功能就可以快速產生一個網址,該網址複製給別人就可以快速匯入,非常方便。新版本的 Postman 的 Share 功能已經改用 API keys 來進行共用,所以只要把 API key 刪除就可以解除共用,安全又便利!今天這篇文章我就來說說刪除這些公開 Share 集合的方法。

... 繼續閱讀 ...

如何處理 HiCOS 跨平台網頁元件無法連線的問題

自然人憑證通常都只有每年要報稅的時候才會用,不然就是政府的線上服務會用到,一般企業鮮少使用,原因無他,就是各種憑證應用的 UX 實在是太差了。最近因為被一家客戶要求要用工商憑證與自然人憑證簽署 NDA 文件,過程非常的坎坷,拖了兩個星期都沒簽好,今天則是遇到 HiCOS 跨平台網頁元件無法連線的問題,我打算來說說我今天的解決方法。

... 繼續閱讀 ...

如何讓 Google 的 OAuth 2.0 發出 Refresh Token

由於每一家不同的 OAuth 2.0 Provider 對於 Refresh Token 的核發方法都不盡相同,這篇文章我打算記錄一下 Google OAuth 2.0 發出 Refresh Token 的方法。

... 繼續閱讀 ...

介紹好用工具:ChatGPT 萬能工具箱 (Chrome/Edge 擴充套件)

我最近在公司內寫了不少 ChatGPT 外掛,幫助同仁更好的利用 ChatGPT 來輔助開發或完成例行工作,我趁著這次連續假期,抽了一個晚上的時間來將其中兩個功能打包成 Chrome/Edge 瀏覽器的擴充套件,並且成功上架到 chrome 線上應用程式商店,套件名稱就叫做:ChatGPT 萬能工具箱。這篇文章我就來介紹一下這個工具可以怎麼用!

... 繼續閱讀 ...

如何利用瀏覽器原生的 Clipboard API 讀寫使用者的剪貼簿資料

我們有時候會在一些網站看到「複製到剪貼簿」功能,它不但可以複製我們肉眼看見的文字,還能複製完整的格式讓你可以貼到 Teams 或 Word 之中,有時還能複製完全客製化的內容,其實這背後都是透過瀏覽器內建的 Clipboard API 達成的。今天這篇文章我就來梳理一下 Clipboard API 的一些用法與地雷。

... 繼續閱讀 ...

使用 SPA 單一頁面應用程式設計網頁表單應考量密碼管理器需求

由於我公司有使用玉山商業銀行來處理帳務,我經常需要登入玉山全球智匯網以審核放行一些廠商款項,我一直以來都有使用密碼管理器的習慣,確保我的每個網站所使用的密碼都是不一樣的,強化資訊安全。不過,該網站在我用了數幾年之後,從不久之前開始,該網站完全無法自動登入了,深入研究後才發現,原來他們把網頁上的表單欄位的 id 屬性移除了!這篇文章我來說說我解決此問題的過程,也說說前端工程師應注意的事項!

... 繼續閱讀 ...

重新認識 LINE Front-end Framework (LIFF) 前端框架 (LIFF v2)

我最早接觸 LIFF 的時候已經是 2019 的時候了,當時的 LIFF v1 與現在的 LIFF v2 已經有了蠻大的差異,我想透過這篇文章梳理一下 LIFF v2 新版本的特性,好讓我們可以更方便的在網站上透過 LIFF 提供 LINE 用戶一些好用功能。

... 繼續閱讀 ...

前端效能調校:使用 Partytown 將笨重的 JavaScript 放到 Web Workers 執行

前端效能調校的技法多如牛毛,但最明顯的效能殺手不外乎是 JavaScript 佔用 Main Thread 而導致頁面無法回應的狀況了。最近研究 Partytown 這個函式庫,他用了一個非常巧妙的技巧,把部分 JS 自動切換到 Web Workers 背景執行。這篇文章我就來分享如何將 Partytown 安裝到任意網站中。

... 繼續閱讀 ...

如何利用 ChatGPT 有效率的將網站中所有 jQuery 轉換成 VanillaJS

我最近把我的部落格公司官網jQuery 完整移除,全部都改用 VanillaJS 來實現原本的功能,原本以為網站會需要改很多地方,但實際動手下去實現之後才發現其實也沒那麼難,只要你有強大的工具在手,這件工作其實很簡單,這篇文章我就來分享我的方法。

... 繼續閱讀 ...