jjzjj

javascript - 通过 JavaScript 加载 iOS 'smart app banner'

coder 2023-07-28 原文

我在使用 iOS Smart App Banner 时遇到了一些问题，我正在尝试通过 JavaScript 添加。

实际的 smartbanner 就像将这个小块添加到 HTML 的头部一样简单:

<meta name="apple-itunes-app" content="app-id=375380948">

不幸的是，我上传脚本的方式非常受限。我不能直接更改 HTML，所以我将通过我们的标签管理器来完成，它基本上是通过 JavaScript 来完成的。但事实证明这是行不通的。

我试图简化测试案例:

  1. HTML 中的硬编码标签: works (符合预期)

     <meta name="apple-itunes-app" content="app-id=375380948">

  2. 文档准备就绪后直接使用 JavaScript 插入: works 

     $(document).ready(function(){
     $("head").append('<meta name="apple-itunes-app" content="app-id=375380948">');
 });

  3. 在 setTimeout 延迟后使用 JavaScript 插入: DOES NOT WORK 

     $(document).ready(function(){
     setTimeout(showBanner, 1);  //after 1 millisecond
 });

 function showBanner(){
     $("head").append('<meta name="apple-itunes-app" content="app-id=375380948">');
 }

谁能确认或解释为什么这个延迟的 JavaScript 不起作用？

重要提示:为了测试，请在实际的 iOS 设备上打开页面! 桌面 Safari/Chrome 或 iOS 模拟器将无法运行。 另外，不要关闭横幅，因为它不会再次出现。

更新:

我已经添加了一些没有使用 jQuery 的示例，非常简单的“ol JavaScript”。但结果是一样的。一旦我们等待 setTimeout()，Smart App Banner 就无法加载。

  1. 普通 JavaScript - 直接执行。 <强> works 

    showBanner();

function showBanner() {
    var meta = document.createElement("meta");
    meta.name = "apple-itunes-app";
    meta.content = "app-id=375380948";
    document.head.appendChild(meta);
}

  2. Vanilla JavaScript - 延迟执行。 <强> DOES NOT WORK 

    setTimeout(showBanner, 1);

function showBanner() {
    var meta = document.createElement("meta");
    meta.name = "apple-itunes-app";
    meta.content = "app-id=375380948";
    document.head.appendChild(meta);
}

更新 2:

当异步加载脚本时，可以观察到完全相同的不幸行为

  1. 异步加载。 <强> DOES NOT WORK 

    <script src="async.js" async></script>

    然后调用直接执行的相同 vanilla JavaScript 显示横幅()；

    function showBanner() {
    var meta = document.createElement("meta");
    meta.name = "apple-itunes-app";
    meta.content = "app-id=375380948";
    document.head.appendChild(meta);
}

结论:

我只能得出结论，iOS Safari 仅在主线程中查找 HTML 中的 smartbanner。这让我很难过:-(

仅直接可用的 HTML，或通过 JavaScript 同步添加的 HTML。 但是不允许异步操作，无论是异步加载 JavaScript，还是使用 setTimeout()(或使用 eval() 的其他构造)

最佳答案

如果在页面加载后插入，safari 不可能显示原生横幅(如上测试，苹果 confirmed)，唯一可行的解​​决方法是不使用原生 smartbanner，而是创建你自己的。

例如使用类似 this 的 javascript 插件

关于javascript - 通过 JavaScript 加载 iOS 'smart app banner'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31289530/

javascriptcodestrong34iosmobile-safarismartbanner

有关javascript - 通过 JavaScript 加载 iOS 'smart app banner'的更多相关文章

  1. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou

  2. ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的 - 2

    我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t

  3. ruby - 通过 rvm 升级 ruby​​gems 的问题 - 2

    尝试通过RVM将RubyGems升级到版本1.8.10并出现此错误:$rvmrubygemslatestRemovingoldRubygemsfiles...Installingrubygems-1.8.10forruby-1.9.2-p180...ERROR:Errorrunning'GEM_PATH="/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/ruby-1.9.2-p180@global:/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/rub

  4. ruby-on-rails - Rails 3.2.1 中 ActionMailer 中的未定义方法 'default_content_type=' - 2

    我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他，以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时，出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer

  5. ruby - 在 jRuby 中使用 'fork' 生成进程的替代方案？ - 2

    在MRIRuby中我可以这样做:deftransferinternal_server=self.init_serverpid=forkdointernal_server.runend#Maketheserverprocessrunindependently.Process.detach(pid)internal_client=self.init_client#Dootherstuffwithconnectingtointernal_server...internal_client.post('somedata')ensure#KillserverProcess.kill('KILL',

  6. ruby - 通过 erb 模板输出 ruby​​ 数组 - 2

    我正在使用puppet为ruby​​程序提供一组常量。我需要提供一组主机名，我的程序将对其进行迭代。在我之前使用的bash脚本中，我只是将它作为一个puppet变量hosts=>"host1,host2"我将其提供给bash脚本作为HOSTS=显然这对ruby​​不太适用——我需要它的格式hosts=["host1","host2"]自从phosts和putsmy_array.inspect提供输出["host1","host2"]我希望使用其中之一。不幸的是，我终其一生都无法弄清楚如何让它发挥作用。我尝试了以下各项:我发现某处他们指出我需要在函数调用前放置“function_”……这

  7. ruby - 如何在续集中重新加载表模式？ - 2

    鉴于我有以下迁移:Sequel.migrationdoupdoalter_table:usersdoadd_column:is_admin,:default=>falseend#SequelrunsaDESCRIBEtablestatement,whenthemodelisloaded.#Atthispoint,itdoesnotknowthatusershaveais_adminflag.#Soitfails.@user=User.find(:email=>"admin@fancy-startup.example")@user.is_admin=true@user.save!ende

  8. ruby - 主要 :Object when running build from sublime 的未定义方法 `require_relative' - 2

    我已经从我的命令行中获得了一切，所以我可以运行rubymyfile并且它可以正常工作。但是当我尝试从sublime中运行它时，我得到了undefinedmethod`require_relative'formain:Object有人知道我的sublime设置中缺少什么吗？我正在使用OSX并安装了rvm。 最佳答案 或者，您可以只使用“require”，它应该可以正常工作。我认为“require_relative”仅适用于ruby​​1.9+ 关于ruby-主要:Objectwhenrun

  9. ruby - 无法让 RSpec 工作—— 'require' : cannot load such file - 2

    我花了三天的时间用头撞墙，试图弄清楚为什么简单的“rake”不能通过我的规范文件。如果您遇到这种情况:任何文件夹路径中都不要有空格!。严重地。事实上，从现在开始，您命名的任何内容都没有空格。这是我的控制台输出:(在/Users/*****/Desktop/LearningRuby/learn_ruby)$rake/Users/*******/Desktop/LearningRuby/learn_ruby/00_hello/hello_spec.rb:116:in`require':cannotloadsuchfile--hello(LoadError) 最佳

  10. ruby - 通过 ruby​​ 进程共享变量 - 2

    我正在编写一个gem，我必须在其中fork两个启动两个webrick服务器的进程。我想通过基类的类方法启动这个服务器，因为应该只有这两个服务器在运行，而不是多个。在运行时，我想调用这两个服务器上的一些方法来更改变量。我的问题是，我无法通过基类的类方法访问fork的实例变量。此外，我不能在我的基类中使用线程，因为在幕后我正在使用另一个不是线程安全的库。所以我必须将每个服务器派生到它自己的进程。我用类变量试过了，比如@@server。但是当我试图通过基类访问这个变量时，它是nil。我读到在Ruby中不可能在分支之间共享类变量，对吗？那么，还有其他解决办法吗？我考虑过使用单例，但我不确定这是

随机推荐