2

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

我在 Chrome Web Store 上也有一个应用程序THIS ONE

因此，不幸的是，我一直在使用内联安装，它运行良好。我今天意识到不再起作用了...

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

<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. 在网站上，我点击“按钮”，应该会出现一个这样的对话框，这是一个应用程序安装验证对话框。

  2. 然后，如果您单击“添加”，则应安装该应用程序。

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

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

4

1 回答 1

5

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

DOM 截图

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

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

于 2012-04-14T00:35:44.637 回答