Question

提供支持的博客

此外，我在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步，对话框永远不会出现。我做错了什么？

提前致谢，对不起我的英语。

Answer 1

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

DOM screenshot

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

在某些方面，这是一个Blogger错误（它不应该将未知标记放入<head>），但与此同时，一个修复是移动<link>标记，使其高于<itemscopetag> {{1}}一个。