嘗試徹底解決 Line、FB 手機 APP 無法正確開啟網頁的困境
前幾年曾寫過「 用 Line、FB 手機 APP 開啟網頁對前端工程師的困擾﹍JS 辨識內建瀏覽器(webView)的方法 」，除了解釋 "什麼是內建瀏覽器"、"為何 APP 要用 webView"、"內建瀏覽器會產生什麼問題&q...
繼續閱讀全文Line 無法傳未讀訊息給自己後，待辦事項改用 FB Messenger 發給自己
去年寫過這篇「 用 Line 傳未讀訊息給自己，成為待辦事項﹍不用擔心已讀訊息忘了處理 」，利用在手機上安裝兩個 Line，可以用第二個 Line 帳號發未讀訊息給主帳號，成為待辦事項。這個方法非常方便，出門在外用手機發的待辦事項，回到 PC 上只要打開 Line，看到有未讀訊息...
繼續閱讀全文手機分享到 Line 的連結，如何強制用預設(外部)瀏覽器開啟？
在這篇「 分享到 Line 會遇到的問題整理 」有讀者留言詢問： 請問貼到LINE裡的超連結，能設定呼叫預設瀏覽器APP來開啟嗎? 這個現象來自於 Line 某次改版後，只要用手機點擊連結，一律會在 Line 內部開啟，不會另外呼叫手機瀏覽器，例如 Chrome、Safar...
繼續閱讀全文用 Line、FB 手機 APP 開啟網頁對前端工程師的困擾﹍JS 辨識內建瀏覽器(webView)的方法
前陣子的一個專案，客戶反應很多使用者用手機操作時，網頁會有錯誤導致無法註冊。但我手機實測的結果又沒有發生任何問題，於是請客戶提供使用者的操作環境，例如 Android 或 iOS 系統，瀏覽器版本等等。 結果都不是這些原因，最後才發現是因為使用者在 Line 上面開啟網站連結...
繼續閱讀全文Font Awesome 5 正式支援 Line 圖示﹍CDN 安裝 + 版本向下相容心得
長久以來使用「 Font Awesome 」真的非常方便，網頁製作各種小圖示時不用再煩惱，只要到「 Font Awesome 圖示速查表 」翻一翻多能找到需要的圖案。 不過幫客戶處理需求時，最常遇到找不到「Line」的圖案，只好建議先用相近的「Whatsapp」擋著用。沒辦法...
繼續閱讀全文用 Line 傳未讀訊息給自己，成為待辦事項﹍不用擔心已讀訊息忘了處理
2019.9.25 公告： 本篇流程隨著 Line 更新到最新版本後會失效，請參考我的新作法「 Line 無法傳未讀訊息給自己後，待辦事項改用 FB Messenger 發給自己 」。 在某種程度上，Line 的未讀訊息就等於是收件匣的未讀郵件，都會是潛在的待辦事項。對我...
繼續閱讀全文避免 Line 無用訊息浪費你的時間﹍建立重要待辦事項群組
最近長輩說「手機速度越來越慢，可能是 Line 的訊息很多，每天都要一直刪群組的訊息，不刪除的話空間很快就滿了，是不是要換手機？」 其實長輩會抱怨就是暗示我們主動幫她處理這件事的意思，但接手這種事不會有什麼好下場，有功無賞、無功還要算自己頭上。所以就打哈哈「那就換手機啊」。 ...
繼續閱讀全文分享到 Line 會遇到的問題整理﹍縮圖+影片+網址
有多位讀者、客戶都曾反應，分享文章到 Line 的效果不如預期，例如無法顯示縮圖、或者圖不是他要的等等。 那麼本篇就整理一下各種網址、影片分享到 Line 時，可能會遇到的問題有哪些，以 FAQ 形式的方式呈現。 (圖片出處: picsee )
繼續閱讀全文Line 處理待辦事項的技巧：讓已讀訊息保持未讀狀態
Line 已經越來越像傳統 Email 扮演的角色，以往收件匣未讀的信件就是我們的待辦事項，但現在越來越多待辦事項，會來自於 Line 的訊息，無論是上司、客戶、家人朋友，或是一大堆的群組。 但很可惜 Line 的訊息系統，無法像郵件軟體 (或 APP) 般好整理，除了不同...
繼續閱讀全文讓 Line 按鈕只在手機+行動裝置顯示
如果網站有安裝過 Line 按鈕的話，應該會發現只有行動裝置(手機+平板)有作用，而網頁版的 Line 按鈕按下後，只會連結到官網。 前陣子有讀者反應，" 能否讓 Line 按鈕只在手機及平板出現，網頁版不要出現？ "。的確，如果能這麼做的話是最好，以下就...
繼續閱讀全文[教學] 改造 Blogger 官方分享按鈕﹍新增熱門社交分享按鈕
![[教學] 改造 Blogger 官方分享按鈕﹍新增熱門社交分享按鈕](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoKgpN7kylVMyLsku76N6YSWLNlRIykHHDcvF4ZPQipAMhrQXz53TRsMsFSNu3Qe5OAXCqLgVxENCXLZQhMA4IUD8IuZ-mV_UTYvGLd9JWQKEKqXHcaia1DD1sDaXNq5E-V7-CHDlFE4fg/s1600/blogger-share-buttons-modify.jpg)
在網站擺放各式熱門的分享按鈕，可方便讀者主動幫我們宣傳，有助於散播文章到不同的平台。這件事已經有不少第三方服務可替我們代勞，例如「 Shareaholic 超完整社群網站分享按鈕 」，讓我們不必單獨安裝個別分享按鈕，省下不少麻煩。 本站沒使用這類服務的原因，主要考量為減少 j...
繼續閱讀全文[教學] 安裝 Line 分享按鈕﹍網頁版及行動裝置都相容的語法
![[教學] 安裝 Line 分享按鈕﹍網頁版及行動裝置都相容的語法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7tZGri4MxQSlcw0lYmmlH5nkhS9z2UWaPTpgB45XReHyq2ZEmUBTUVeF71shXcj98KQtcCriBwsRmaTfCXLcRf04Zt5RwDJQT2rnCsnOmsyHiovg0nT1JTdhdRn9-slxxnuhtRuKoUQe3/s1600/line-share-button.jpg)
2017.1.20 公告： 由於 Line 出了網頁版的程式，本篇的程式碼已經改為網頁版及行動裝置都相容的語法。可忽略原始的文章說明內容，直接跳到「二、所有網站通用的語法」安裝程式碼即可。 雖然 Line 很久以前就釋出可以安裝在部落格網站的分享按鈕，不過之前幫忙朋友安裝時...
繼續閱讀全文