个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
33
4
我想构建一个 webAPP 并显示不同的内容，当
检测有效 - 我用 document.write 检查它 - 但 CSS 显示属性没有改变。 我做错了什么？
在此先致谢!
<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes">
<script type="text/javascript">
if (window.navigator.userAgent.indexOf('iPhone') != -1) {
if (window.navigator.standalone == true) {
// document.write('<p>homescreen<\/p>');
document.getElementById("homescreen").style.display = 'block';
}else{
// document.write('<p>safari<\/p>');
document.getElementById("safari").style.display = 'block';
}
}else{
// document.write('<p>no iOS<\/p>');
document.getElementById("ios").style.display = 'block';
}
</script>
</head>
<body>
<div id="homescreen" style="display:none;">
you opened it from the homescreen
</div>
<div id="safari" style="display:none;">
you opened it from safari
</div>
<div id="ios" style="display:none;">
you have no iOS
</div>
</body>
</html>
最佳答案
<script>在加载 DOM 之前进行评估，因此 document.getElementById("xx")返回 undefined .检查您的 javascript 错误控制台，可能会出现如下错误:“未捕获的 TypeError:无法读取 null 的属性‘style’”。
<script>挡住 body 的尽头更好的是，使用 jQuery 和类似的东西，参见 http://api.jquery.com/ready/
$(function() {
if (window.navigator.userAgent.indexOf('iPhone') != -1) {
if (window.navigator.standalone) {
$('#homescreen').show();
}else{
$('#safari').show();
}
}else{
$("#ios").show();
}
});
或者更好、更灵活的替代方法是将类附加到 <body>元素，那么您可以使用 CSS 轻松显示/隐藏任何内容。
$(function() {
if (window.navigator.standalone) {
$('body').addClass('standalone');
}
});
然后在 CSS 中，所有部分都可以根据这些标识符轻松显示/隐藏。
.someContent { display: none; }
body.standalone .someContent { display: block; }
对于移动选择器 (iPhone)，您甚至可以避免使用 JS userAgent 开关(仅供引用，您的 indexOf 与 iPad 或 iPod Touch 不匹配)并且更好地依赖 CSS 媒体查询，例如 @media only screen and (max-device-width: 480px) (这个用于 iPhone 横向和纵向)。
关于iphone - 如果用户在 iPhone 和 window.navigator.standalone == true 上，则在 userAgent 时更改 css 显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9940395/
33
4
0
是否可以在单机中以独立模式同时运行 Hbase 和外部 zookeeper？ 它卡在 clientPort 问题上。 请澄清一下？ 最佳答案 是的，这是可能的。 为此，您必须更改外部动物园管理员服务器
我目前正在检查我们的 JBoss AS7.1 服务器配置，我在我们的 jboss/standalone/bin 目录中发现了这两个以前配置的文件: standalone.conf standalone
我正在运行 airflow standalone 作为本地开发环境。我关注了instructions由 Airflow 提供以设置环境，但现在我想以最优雅的方式关闭它。 我在终端中运行了独立命令，所以
首先，我是一个有 Angular 的新手，所以如果问题很简单，请原谅我，但我尝试了谷歌和 Angular 文档，但我找不到任何明确的例子来满足我的需要。 我正在尝试构建一个“独立”指令模块(复杂的 U
我想使用 codeigniter 在我的 Web 应用程序中使用 es6 的导入、要求和导出。我发现 babel-standalone 但它不起作用。 screenshot of embed js f
我是 Mule 的新手，我想了解独立 mule 与嵌入式 mule 之间的区别。我已经阅读了有关此的主题，但我无法回答一个问题。 Mule standalone 是如何工作的？它如何处理网络服务？它有
我有一个独立的 Wiremock 服务器实例。映射作为 json 文件存储在 mappings 文件夹下。我有一个 POST 请求，需要在响应中返回一个动态 ID(整数)。有没有办法在json文件中配
Standalone-full和Standalonefull-ha有什么区别？什么是不包含在standalone-full-ha中的子系统？ 最佳答案 完整配置文件包括消息传递支持(JMS-Horne
答案:Making stand-alone jar with Simple Build Tool似乎是我需要的，但它没有为我提供足够的信息，所以这是后续内容。 (1) 我如何根据我的需要调整答案？我不
我使用以下docker-compose.yml运行基于jupyter/datascience-notebook:87210526f381的jupyter笔记本和selenium/node-chrome
在引导样式表中，定义的类如下: .a { ... } .b { ... } .a>.b { .... } 我想选择.b并更改其颜色，但我不希望这影响类 b在.a>.b ，即我想要 .a>.b 的样式保
我开始学习使用 Python 进行 3D 可视化的 Mayavi2。在 examples 之一来自Mayavi 4.3.1 documentation ，弹出如下命令: @mayavi2.standa
是否可以在 Java 应用程序中独立使用 Jersey REST 服务？我找到的每个示例都位于 Web 容器 (web.xml) 的上下文中。 感谢您的帮助! 最佳答案 只需按照 Jersey doc
部署到不同机器时如何使用selenium/standalone-chrome？ 我已在远程 ubuntu 计算机和本地 Macbook pro 计算机上安装了 docker。 然后我将运行以下 doc
我计划为一个项目使用 Python (3.6) 脚本，尽管最终用户的系统上可能没有 Python。为了解决这个问题并使一切尽可能顺利，我尝试使用 Nuitka 编译我的 Python 脚本并使其独立。
我能够编译并运行以下代码片段，但我无法向其中添加任何进一步的代码，以便利用标记语句。因此，我认为这样的陈述没有逻辑用途是正确的吗？ (Java 允许我这样做，这就是我问的原因。) statement:
为了便于部署，我想将 Postgres 安装作为应用程序的一部分。是否可以包含一个已经编译和可运行的 Postgres 版本，可以作为进程启动？我能够用 Windows 和 MacOS 版本做这样的事
我正在使用 babel-standalone 并且我正在做与 https://github.com/Daniel15/babel-standalone/blob/master/examples/scr
我在浏览器中使用 babel -> babel-standalone 现在我想使用 ES decorator 语法。但是所有的通天塔doc intro 是服务器端的 babel，比如 ` { "p
我只是想创建一个简单的测试，我在其中使用 DelegateHandlers 来实例化一个 HttpClient 而无需引入 Asp.net Core 包。我有 2 个删除处理程序 Throttling
我是一名优秀的程序员,十分优秀！