【超實用教學】不用懂寫程式！我用 iPhone 捷徑做了一款自製「外送員找零計算機」（附免安裝下載連結）
大家好！今天想跟大家分享一個我最近超級自豪的小成就。
身為一個平常可能需要收錢、送貨或擺攤的人，每次遇到客人拿大鈔，心裡總是要默默心算一下找零。雖然手機都有內建計算機，但每次都要經歷「實收金額 - 應收金額」的繁瑣步驟，忙起來還容易手抖按錯。那時我就在想：真的很需要一款「只要輸入應收、實收，就自動跳出找零」的專屬計算機。
原本以為這必須花大錢請工程師寫 App，沒想到我自己一毛錢都沒花，只靠 iPhone 內建功能就完美搞定了！ 今天這篇文章，就來幫大家完整記錄我這次神奇的「零基礎」開發初體驗，文末也會直接大方分享我的成果給大家下載喔！
💡 核心想法：把網頁變成手機 App
這次的製作原理其實非常有趣，完全不需要去學習複雜的 Apple 官方開發語言：
- 基礎網頁： 先利用簡單的 HTML + JavaScript 寫出一個單純的網頁計算機。
- 秘密編碼： 透過線上工具，把網頁程式碼轉換成一串像密碼般的 Base64 編碼。
- 捷徑啟動： 利用 iPhone 內建的「捷徑」App，命令手機一鍵將這串編碼還原並開啟。
這樣一來，它看起來、用起來，就完全像是一個從 App Store 下載下來的專屬手機 App 了！
🛠️ 驚心動魄的製作過程：那些我踩過的坑
雖然原理聽起來不難，但對於完全是初學者的我來說，中間真的經歷了一場驚心動魄的「超級大家來找碴」。這邊特別分享兩個我製作時差點抓狂的血淚經驗，如果你也想自己動手做，千萬要注意：
1. 符號和空格是惡魔！
在設定 iPhone 捷徑的 URL 時，網址開頭必須精準輸入 data:text/html;base64,。我一開始粗心把 html 拼成了 htlm，而且標點符號前後還多按了看不見的「空白鍵」。就因為這小小的空格，手機直接瘋狂彈出「無效的 URL」警告。記住，在程式碼的世界裡，多一個空格都不行！
2. 差點忘了叫手機「打開」它
當我好不容易把程式碼貼好、網址也拼對了，結果按下播放鍵卻毫無反應。後來才發現，捷徑就像個口令機器人，你光是把網址拼給它看是不夠的，你必須在最下面加上一塊叫做「打開 URL」的動作積木，它才會真正把網頁網頁彈出來。
當我修正完所有細節，再次按下播放鍵，看到綠白相間的「找零計算機」完美彈出在我 iPhone 畫面的那一刻，心裡真的放起了煙火！整個人超級有成就感！hr />
✨ 這款自製「找零計算機」有什麼厲害功能？
- ⚡ 一邊打一邊算： 不需要按任何「＝」或「計算」鈕。你一邊輸入數字，下面零錢就一邊跳出來，速度極快！
- ⚠️ 防呆紅色警告： 客人如果錢給不夠，計算機底色會一秒變紅色，並貼心提示「還差多少錢」，絕對不會看錯。
- 🚫 完全不佔空間： 它本質上是一段代碼，不吃手機容量，而且沒有任何煩人的廣告！
🎁 免費分享！一鍵安裝到你的 iPhone
獨樂樂不如眾樂樂！既然都成功做出來了，我也把這個超方便的工具打包好了。只要你是 iPhone 用戶，點擊下方連結就可以直接把我的心血結晶加入你的手機主畫面：
💡 安裝小提示：
點擊連結將捷徑加入你的 iPhone 後，記得點選捷徑名稱旁邊的小下拉箭頭 ∨，選擇「加入主畫面」，它就會像 App 一樣出現在你的桌面囉！
快去下載來用用看吧！如果在擺攤或收錢時有幫到你，歡迎在下面留言告訴我！你有什麼想實現的計算機點子嗎？也歡迎留言跟我討論喔！
💡 給讀者的真心話（後台悄悄話）
如果你想知道有多少人點擊了你分享的計算機，別忘了把 iCloud 連結拿去 PicSee 或 Bitly 轉成短網址再貼到部落格喔！這樣你就能在短網址後台看到驚人的點擊數據了！
留言
張貼留言