如何在移動版中加載amp html

Question

我有2個html像非amp.html和amp.html。

包括我

<link rel="canonical" href="app/templates/non-amp.html">

在我的amp.html和

<link rel="amphtml" href="app/templates/amp-blog-list.html"> 

在我的index.html中。

當我在移動視圖中保存我的網站時，桌面html（非放大器）正在加載。任何人都可以建議我幫忙。謝謝。

Answer 1

想想您的應用程序或網站如何知道訪問者是使用移動設備還是台式計算機？

您需要編寫一些代碼來檢測它是否是移動設備，平板電腦，台式機以及其他設備，具體取決於您的要求。

然后，當檢測到移動設備時，您可以向頁面寫入要顯示的所需代碼。

我建議看看下面關於堆棧溢出的問題，因為這里已經給出了你需要的答案。

鏈接

Answer 2

在移動和桌面都顯示非放大頁面：

<link rel="amphtml" href="app/templates/amp-blog-list.html"> This tag is for google to know the amp page in non amp file. 

一旦你來自谷歌搜索移動設備，您的放大器頁面將在谷歌iframe中打開。