Blogger 上的内联安装不起作用答案

【问题标题】：Inline Installation on Blogger not workingBlogger 上的内联安装不起作用
【发布时间】：2017-01-13 18:34:35
【问题描述】：

我有一个由 Blogger [PhysicsGames.tk] 提供支持的博客

我在 Chrome 网上应用店THIS ONE也有一个应用程序

不幸的是，我一直在使用Inline Installation，它运行良好。我今天意识到不再起作用了...

在网站主模板中我添加了以下代码：

<link href='https://chrome.google.com/webstore/detail/hnmdbeamhkbhfobfmoaemhpfcgejlbif'
      rel='chrome-webstore-item'/>

我创建了一个按钮：

<a onclick="chrome.webstore.install()" href="#">
  <img src="http://i.imgur.com/D8ul8.png"/>
</a>

所以它应该像这样工作：

在我的情况下，停留在第 1 步，对话框永远不会出现。我做错了什么？

先谢谢了，抱歉我的英语不好。

【问题讨论】：

【解决方案1】：

<link href="..." rel="chrome-webstore-item"> 必须位于页面的 <head> 部分。您的页面实际上在 <head> 和 </head> 标记之间有它，但是如果您检查页面的 DOM，您会看到 <link> 标记实际上显示在正文中：

这是因为您在 <link> 标记之前有一个 <itemscopetag>（可能由 Blogger 生成），这是未知的，并导致 <head> 部分提前结束（此行为是 defined by the HTML spec）。

在某些方面，这是一个 Blogger 错误（它不应该将未知标签放入 <head>），但与此同时，一种解决方法是移动 <link> 标签，使其位于 <itemscopetag> 上方一个。

【讨论】：

好地方@mihai。我看到了 Uncaught No Chrome Web Store item link found. 错误，但没有找到任何明显的原因导致它找不到链接。
非常感谢！我只是在“”标签的正上方添加了链接行。我希望它有效：/
@Mihai Parparita 我仍然被这个问题困扰。谁能帮帮我