為了讓搜尋結果能增加網站知名度,常見的作法是在網站範本中,為 title 標籤加入網站名稱。操作的方式可參考「 Blogger 只要做到這幾件事, 就能輕鬆加強 SEO 搜尋排名 」→「三、文章優化」→「1. 網頁標題」,將網站名稱字串放在文章標題後面。 這樣的技巧...
一直以來使用 Sublime Text 3(簡稱 ST3)檢查 Javascript 錯誤的工具是「 JSHint Gutter 」,優點為執行快速、圖形介面操作友善、自訂參數完善,沒想過有可能要放棄他的一天。 基於網路環境所發展的技術實在進展太快,也可說是...
現在消費者已越來越能接受線上付費觀看影音服務,例如官方提供的職業運動直播(NBA、MLB 等),以及各種追劇平台(Netflix、Line TV、愛奇藝等)。而消費者總是希望花錢的效益最大化,如果買一個帳號能在三台裝置收看,則可能找三個人合資分攤費用。 站在影音平台的立場,...
前幾年曾寫過「 用 Line、FB 手機 APP 開啟網頁對前端工程師的困擾﹍JS 辨識內建瀏覽器(webView)的方法 」,除了解釋 "什麼是內建瀏覽器"、"為何 APP 要用 webView"、"內建瀏覽器會產生什麼問題...
由於早期 Javascript 設計上的缺陷,一方面使用 Ajax 送出 http 請求時,舊時代的 API 異常繁複,非得使用 JS 框架操作 Ajax 才比較方便,例如 jQuery。 一方面 Ajax 是非同步(Asynchronous)執行緒,會造成前端工作一些麻煩...
多年前寫過「 讓 Blogger 能在文章下方顯示作者簡介 」,不過去年有讀者於留言 #5 表示 "作者資料無法顯示",此變故的主因大致是這樣: 當年 Google 為了推廣 Google+,用了各種方法勸誘使用者將 Blogger 帳號移轉為 G+ ...
Blogger 推出新版後台介面後,原本我一直是手動切回舊版來操作,以規避新版介面產生的各種問題。但是前幾天官方已消滅了舊版後台,也就是強制一律只能使用新版介面,這下真的沒輒只能硬著頭皮使用。 其實這段期間以來,新版很多問題都已反應給官方,有些是有改進,但官方沒有動作的部分...
約一年前由本站研發及架設的網頁服務「 線上看電視 」,推出後迴響不錯,累積了一批數量不小的忠實觀眾。 而手機版的網頁,覺得介面、效果還算堪用,暫時尚未研發 APP 版本,不過偶爾也會觀摩一下同性質的 APP,看看別的開發者如何設計,有無優點可學習、或缺點可改進。 在今...
最近接到一個需求,希望使用者上傳圖片時,可先在前端進行裁切,以免存到後端的圖片尺寸比例不對,也可避免檔案過大。 之前寫過一篇「 前端如何使用 JS 先壓縮圖片尺寸大小再進行上傳 」,其實也能處理前述大部分需求,但稍有不足之處: 只能對上傳的圖片等比例縮小 不能防止 ...
最近買了新的 Win10 筆電,將原本 Win10 筆電的自然輸入法解安裝後,在新筆電重新安裝(我買的是單機版、非多機版)。沒想到使用原版光碟、序號安裝後,卻變成只有試用版的功效,設定畫面許多選項都是反白、無法變更的狀態,我最需要的「許氏鍵盤」被封鎖了。 習慣許氏鍵盤後,...
前陣子接到一個需求,客戶網站做完「PageSpeed Insights」檢測後分數很低,於是尋求協助。對客戶網站進行健檢後提供一份報告與建議,客戶詢問「延遲載入畫面外圖片」的部分如何改善。 這個項目「PageSpeed Insights」本身提供了不少參考資料,不過研究後...
最近需要用 JS 保存一些,不想被很容易就判讀出來的資料,因此研究了一下 JS 如何對字串進行加密及解密。 結果搜尋發現網路上這方面的實用工具不多,原因大致是: JS 是攤在陽光下的語言,加密解密流程會被看到 因此很少純前端進行加密與解密,大多是配合後端進行運算,一...
IG 原本很方便就能存取圖片,做成各種小工具在網站展示,例如「 在部落格側邊欄安裝 Instagram 小工具,顯示九宮格圖片 」。 不過 IG 被 FB 收購後,於日前宣布舊的 IG API 於 2020 年 6 月 30 日失效,請參考「 IG 官網公告 」。此公告並...
前陣子接獲報案,表示網站出現蓋版廣告,找不到排除的方法,因而尋求協助。 原本猜想到 Adsense 後台改一下設定、調整一下安裝碼就好,結果處理後才發現事情不單純,因此特別整理一篇做為記錄。
前一篇介紹了「 Javascript 壓縮、混淆、加密、解密工具及原理 」,也說明了 JS 加密混淆不容易被破解的處理流程,此流程需要開啟三個線上工具的網頁來進行。 重複三次「等待編碼、複製、貼上」的時間不算長,但工程師思維就是會想辦法簡化所有重複流程,我長久以來一直想做...
如果不熟悉 HTML 語法的話,要製作出錨點效果不太容易。Blogger 新版文章編輯器增加了不少功能,其中「錨點」算是非常實用的一個,就算不懂語法也能實現這個效果。 本篇會說明錨點的原理,以及如何在新版文章編輯器做出錨點。 (圖片出處: hippopx.com )
Blogger 後台改版後,FB 社團不少人反應新版的文章編輯器不好用,例如「 Html換行一定要用br嗎 」、「 不喜歡這種莫名其妙的改版 」。 持平而論,新版有增加不少以前沒有的功能,但也閹割了一些非常核心的功能。權衡得失後,新功能對我而言加分有限,但失去的功能讓我寫...
接續上一篇「 2020 Blogger 新版文章編輯器使用心得 」,本篇繼續整理 Blogger 後台新介面的功能有什麼變化。 Blogger 新後台的 UI 設計接續 Google 一貫的 Material Design 風格,也可說 Blogger 的外觀看起來將越來...
網頁前端的程式語言 Javascript,由於攤在陽光下誰都看得到,不如後端來得安全。因此除了機密性的程式碼別放前端,最好網頁上的 JS 也需要經過處理,除了降低可讀性,也可避免被盜用。 常見的處理方式有壓縮、加密、混淆等等,如果做得太簡化,使用某些破解工具就能還原。因此...
前陣子在「 FB 社團 」有不少站長表示,自己的網站被 Facebook 封鎖,除了完全無法貼網址,更嚴重的是,有網站連結的所有貼文也被 FB 刪光光。 這實在滿扯的,因為 FB 除了封鎖網址、大量刪除貼文,連我收錄為 FB 社團「學習單元」的文章也遭池魚之殃(一同被刪了...
去年寫過「 部落格側邊欄 Instagram 九宮格圖片 」外掛,不過最近協助安裝 IG 圖片外掛時,發現原本提供免費取得 access token(存取權杖)的線上服務「 Pixel Union 發佈了一則聲明 」,中文意思大概是這樣: 2020 年 3 月 31 日...