為何我的AI開發網頁功能常常存檔後沒效果?清快取也沒用?

如果你一點程式或網頁觀念都不懂的程式小白,在使用Vibe Coding來開發「網頁」就一定保證必會遇上這個問題。

要知道,一個網站在上傳至雲端主機後運作,一定會面臨到一個問題那就是「快取」。

快取有分主機端、網站端、瀏覽器端,至少這三端的快取,在網頁更新了視覺排版或功能後,務必清除這三種快取,不然會有時候明明Ai幫你改的功能已完成但你仍然瀏覽到舊的狀態,會一直以為Ai不會改或改失敗,一直鬼打牆。

但有時候就算清了快取也沒辦法看到AiI修改後的狀態,對嗎?

沒錯,這件事更常遇上,也讓鬼打牆、質疑Ai質疑自己更加的嚴重。

一、用AI開發網頁版程式記得要求它每次都要更新js與css版號

開發網頁,一定會用到js與css,Ai一般會幫你建立數個js與css檔,這些都是「引用」的方式來置入你的網頁head處,以讓你的網頁擁有視覺排版與功能,但若當次Ai修改的地方有修改到js或css,那麼你修改後的js或css檔就算是正確的,但是在網頁正式瀏覽時很可能仍是舊的狀態效果。

重點來了,你務必要求Ai在每次更新修改時,一定要主動自動更新「js、css的版號」,這原理一時有點難以文字說明清楚,主要是概念就是這些js、css檔案也會被快取,當我們更新了它後面的v=XXXX的數字之後,網頁載入時會看到這些js、css檔案的版號有變動,它就會重新讀取 js、css檔案,這樣就不會發生明明已修改也清了快取但就是無法瀏覽到修改後的畫面。

為何我的AI開發網頁功能常常存檔後沒效果?清快取也沒用?

二、利用全局要求就不用每次提醒Ai要更新版號

我自己是使用「Google Antigravity」來開發網頁再適時導用至WordPress架構中,而我在 「Google Antigravity」的全局設定中有一項是要求Ai每次修改後都要更新版號,它自己會用以時間戳當最新的版號,這樣就能保證網頁在瀏覽器預覽時一定可以瀏覽到剛剛所改好的最新狀態。

為何我的AI開發網頁功能常常存檔後沒效果?清快取也沒用?-1

 

singgle_post_1-1
FACY

我是小訣行銷工作室的Facy,這是我第二個網站專寫用來寫文章的,我喜歡寫部落格來記錄「把不會變會」的事,也喜歡教別人寫部落格,更有替人架設部落格網站的服務(就像本站)。
專長是WordPress客製化架站,且凡是網路行銷相關都興趣十足,特別是「關鍵字&內容行銷」! 目前主要是專職部落客網站接案製作架站教學,歡迎找我聊聊。

  • 如果您不用寫程式就能架站有興趣的話,可以加入FB社團一起交流。
  • 如果您需要更系統性的學習WordPress,歡迎參考我的線上課程或報名一對一家教班,或公開班(不定時配合開課單位開課)。
  • 如果您想當部落客且想要自架部落格網站且有自己網址,我也能替您服務或顧問式輔導架站
  • 架設網站請找我,點此看作品
0 0 votes
為本文評分
訂閱
通知
guest
0 Comments
Inline Feedbacks
查看所有評論

電子報

站內搜尋

訂閱本站

小訣行銷工作室

如果需要架站(包含像本站類型部落格網站)、網頁設計教學服務、業配需求,歡迎參考小訣行銷工作室

贊助與鼓勵

您好,

如果我的網路筆記剛好有幫到您,不妨請我喝杯咖啡吧!😊