Blogger上的内联安装无法正常工作

Ric*_*ina 2 google-chrome google-chrome-extension google-chrome-devtools

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

另外我有Chrome网上应用商店的应用这一个

不幸的是,我一直在使用Inline安装它运行良好.我今天意识到不再有效......

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

<link href='https://chrome.google.com/webstore/detail/hnmdbeamhkbhfobfmoaemhpfcgejlbif'
      rel='chrome-webstore-item'/>
Run Code Online (Sandbox Code Playgroud)

我创建了一个按钮:

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

所以它应该像这样工作:

  1. 在websiste,我点击"按钮",并像一个对话框,应该会出现,这是一个应用程序安装验证对话.

  2. 然后,如果您单击"添加",应该安装应用程序.

在我的情况下,保持在步骤1,对话框永远不会出现.我做错了什么?

在此先感谢,对不起我的英语.

Mih*_*ita 5

<link href="..." rel="chrome-webstore-item">需求是在<head>你的页面的部分.您的页面实际上位于<head></head>标签之间,但是如果您检查页面的DOM,您会看到<link>标签实际显示在正文中:

DOM截图

这是因为您<itemscopetag><link>标记之前(可能是由Blogger生成),这是未知的,并且导致该<head>部分提前结束(此行为由HTML规范定义).

在某些方面,这是一个Blogger错误(它不应该放入未知的标签<head>),但与此同时,一个修复是移动<link>标签,使其高于<itemscopetag>一个标签.