<?xml version="1.0" encoding="utf-8"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"><channel><title>MagicLen</title><link>https://magiclen.org/2023/12/feed</link><description>多元化原創文章，內容包羅萬象，有程式語言、網站應用、軟體介紹、硬體介紹、作業系統、旅行遊記、專題採訪、益智問題、文學創作，以及作者們的知識分享和作品分享。</description><language>zh-TW</language><lastBuildDate>Wed, 15 Apr 2026 08:45:46 +0000</lastBuildDate><sy:updatePeriod>hourly</sy:updatePeriod><sy:updateFrequency>8</sy:updateFrequency><sy:updateBase>1970-01-01T00:00+00:00</sy:updateBase><item><title>如何用JavaScript偵測網頁瀏覽器是否有擋廣告？</title><link>https://magiclen.org/adblock-checker</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2023/12/adb-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2023/12/adb-220x162.png 1x, https://magiclen.org/wp-content/uploads/2023/12/adb-440x324.png 2x, https://magiclen.org/wp-content/uploads/2023/12/adb-660x486.png 3x" alt="">
反反廣告應該是大部份有在經營網站的人都想做的事情，筆者也不例外。以前用過一些偵測AdBlock等軟體的套件都因年久失修而失效，因此決定來自己做一個。「AdBlock Checker」是筆者開發的套件，可以偵測網頁瀏覽器是否有擋廣告。]]></description><category>JavaScript</category><category>JavaScript</category><category>TypeScript</category><category>adblock-checker</category><guid>https://magiclen.org/adblock-checker</guid><pubDate>Sat, 23 Dec 2023 19:00:00 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>幫助存取HTML的時間日期元素值的函式庫</title><link>https://magiclen.org/input-time-helper</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2023/01/calendar-660670_1920-220x162.jpg" srcset="https://magiclen.org/wp-content/uploads/2023/01/calendar-660670_1920-220x162.jpg 1x, https://magiclen.org/wp-content/uploads/2023/01/calendar-660670_1920-440x324.jpg 2x, https://magiclen.org/wp-content/uploads/2023/01/calendar-660670_1920-660x486.jpg 3x" alt="">
在預設的情況下，基於日期和時間的HTML input元素值是以UTC時區為基準，這很容易造成混淆而誤用。]]></description><category>JavaScript</category><category>HTML</category><category>JavaScript</category><category>TypeScript</category><category>input-time-helper</category><guid>https://magiclen.org/input-time-helper</guid><pubDate>Sat, 23 Dec 2023 18:00:00 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>如何根據容器大小自動調整HTML上的文字，使文字儘量不破壞排版</title><link>https://magiclen.org/fit-html-text</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2023/12/sutterlin-1362879_1280-220x162.jpg" srcset="https://magiclen.org/wp-content/uploads/2023/12/sutterlin-1362879_1280-220x162.jpg 1x, https://magiclen.org/wp-content/uploads/2023/12/sutterlin-1362879_1280-440x324.jpg 2x, https://magiclen.org/wp-content/uploads/2023/12/sutterlin-1362879_1280-660x486.jpg 3x" alt="">
早在2017年筆者在開發前端網頁的時候就遇到兩個問題：如果要做一個網頁，這網頁滿版顯示，在任意螢幕尺寸下都要長的差不多，文字的大小要怎麼處理呢？還有就是在文字高度僅允許一行文字的空間下，要怎麼保證使用者輸入的文字不會因為太多而使得顯示出來的時候換行，或是換太多行了，而導致畫面跑版？]]></description><category>JavaScript</category><category>HTML</category><category>JavaScript</category><category>TypeScript</category><category>fit-html-text</category><guid>https://magiclen.org/fit-html-text</guid><pubDate>Sat, 23 Dec 2023 17:00:00 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>如何寫程式讀取中華民國健保卡內的資料？在網頁中也可以讀取嗎？</title><link>https://magiclen.org/tw-nhi-icc</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2023/12/%E5%81%A5%E4%BF%9D-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2023/12/%E5%81%A5%E4%BF%9D-220x162.png 1x, https://magiclen.org/wp-content/uploads/2023/12/%E5%81%A5%E4%BF%9D-440x324.png 2x, https://magiclen.org/wp-content/uploads/2023/12/%E5%81%A5%E4%BF%9D-660x486.png 3x" alt="">
中華民國的健保IC卡必須使用相容於PC/SC介面的IC讀卡機來讀取。PC/SC的規範是由微軟與其它IC卡廠商共同訂定出來的，統一了IC卡的介面。因此如果要讀取IC卡，要在環境安裝好讀卡機的驅動程式，並且使用PC/SC的函式庫提供的功能來讀取。不過要使用PC/SC函式庫，並不是每個執行環境都能夠做到，像是網頁瀏覽器現階段應該還做不到，要等Web Smart Card API出來才行，但還是有其它方式...]]></description><category>作品分享</category><category>JavaScript</category><category>JavaScript</category><category>Linux</category><category>Windows</category><category>Rust</category><category>macOS</category><category>TypeScript</category><category>tw-nhi-icc</category><guid>https://magiclen.org/tw-nhi-icc</guid><pubDate>Sat, 23 Dec 2023 16:00:00 +0800</pubDate><dc:creator>Magic Len</dc:creator></item></channel></rss>