The Will Will Web

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

快速上手 Grafana k6 壓力測試工具

如果要問我哪一套壓力測試工具最好用,我會說 k6 絕對是開發者體驗最好的一種,他可以讓你用簡單易懂的 JavaScript 就可以撰寫出各種壓力測試的情境,而且我們這幾年的專案也用了幾次,感覺相當不錯。這篇文章我就帶大家快速上手這套 k6 怎麼用。

... 繼續閱讀 ...

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

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

... 繼續閱讀 ...

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

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

... 繼續閱讀 ...

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

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

... 繼續閱讀 ...

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

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

... 繼續閱讀 ...

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

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

... 繼續閱讀 ...