GPT-browsing

實驗網址1

實驗網址2

實驗網址3

實驗網址4

實驗網址5

實驗1

純靜態網頁，早期沒有Browsing功能的時使，GPT會抓頁面的meta來分析，多了Browsing功能後有什麼差別呢？

wow! 太好了，meta的內容都pass掉，正確的了解到網頁的內容了

實驗2

用vue3 寫了一個很簡單應用，僅僅是頁面在loading完後，把title跟content補上

const { createApp, reactive, onMounted } = Vue
const app = createApp({
    setup() {
        const state = reactive({
            title:"",
            content:``
        })
        onMounted(() => {
            console.log('onMounted')
            state.title = "銀座"
            state.content = `東京`
        
        });
        
        return {
            state,
        };
    }
}).mount("#app");

結果發現，Browsing完全讀不到寫在整onMounted下的資料

實驗3

我們使用 onMounted了，直接在Vue啟動時就把資料安上

const { createApp, reactive } = Vue
const app = createApp({
    setup() {
        const state = reactive({
            title:"銀座",
            content:`東京`
        })
        
        return {
            state,
        };
    }
}).mount("#app");

結果發現，Browsing還是看不出網站內容

實驗4

我們使用原生的Javascript來做處理，直接在 script標籤下執行塞值的事

<body>
    <noscript>
      <p>此網頁需要支援 JavaScript 才能正確運行，請先至你的瀏覽器設定中開啟 JavaScript。</p>
    </noscript>

    <div id="app">
        <h1 id="title"></h1>
        <h6 id="content"></h6>
    </div>

    <script>
      document.getElementById("title").innerHTML = '鋒面接近愈晚雨愈大 西半部及宜蘭明天防局部大雨';
      document.getElementById("content").innerHTML = '中央氣象局今天表示，晚間起鋒面接近，愈晚雨愈大，西半部及宜蘭明天可能會有局部大雨；下一波鋒面預估22日起接力影響。另外，在關島一帶有熱帶系統正在醞釀，周末可能增強為熱帶性低氣壓。';
    </script>
  </body>

結果發現，Browsing還是看不出網站內容

實驗5

讓Browsing抓看看 SSR（server side rendering ）的網頁

是可以順利抓取到網站內容

結論

Browsing 似乎是用 python的爬蟲在抓資料，需要動態loading，或是互動方式取得的資料是無法理解的。

再來，如果是透過 server side rendering 的頁面，就有可能被 Browsing找到

其實理論上就是 SEO的做法，讓SEO的爬蟲能找你內容的話，Browsing也可以理解你網站的內容

另外，要快速知道 Browsing能不能理解網站的方法，在網頁上按右鍵，選檢視網頁原始碼，會另開一網視窗

這個視窗的內容就是Browsing看到的內容。