复制链接到safari浏览器打开_ios系统通过safari添加到主屏幕后，打开子链接还会跳转到safari...

我们做好了一个web的应用程序，有时候演示，需要在手机浏览器中操作，每次都需要打开手机浏览器，然后找到地址进行访问，这不算什么，最讨厌的就是还有手机浏览器自带的工具栏等，看着不舒服。

ios系统的safari有个功能：添加到主屏幕，就会在系统桌面创建一个程序图标，这样每次只要点击图标就能打开系统，也能做到如app系统那样全屏显示、操作。

但是有个问题，主页是可以全屏显示，点击子链接就会跳转到safari浏览器中，并没有在当前页面操作，如何解决呢？

看如下代码，在html头部添加：

apple-mobile-web-app-capable

设置Web应用是否以全屏模式运行。

语法：

说明：

如果content设置为yes，Web应用会以全屏模式运行，反之，则不会。content的默认值是no，表示正常显示。你可以通过只读属性window.navigator.standalone来确定网页是否以全屏模式显示。

apple-mobile-web-app-status-bar-style

设置Web App的状态栏(屏幕顶部栏)的样式

语法：

说明：

除非你先使用apple-mobile-web-app-capable指定全屏模式，否则这个meta标签不会起任何作用。

如果content设置为default，则状态栏正常显示。如果设置为blank，则状态栏会有一个黑色的背景。如果设置为blank-translucent，则状态栏显示为黑色半透明。如果设置为default或blank，则页面显示在状态栏的下方，即状态栏占据上方部分，页面占据下方部分，二者没有遮挡对方或被遮挡。如果设置为blank-translucent，则页面会充满屏幕，其中页面顶部会被状态栏遮盖住(会覆盖页面20px高度，而iphone4和itouch4的Retina屏幕为40px)。默认值是default。添加如下脚本：

if(('standalone' in window.navigator)&&window.navigator.standalone){

var noddy,remotes=false;

document.addEventListener('click',function(event){

noddy=event.target;

while(noddy.nodeName!=='A'&&noddy.nodeName!=='HTML') noddy=noddy.parentNode;

if('href' in noddy&&noddy.href.indexOf('http')!==-1&&(noddy.href.indexOf(document.location.host)!==-1||remotes)){

event.preventDefault();

document.location.href=noddy.href;

}

},false);

}

这个时候再添加到主屏幕，运行看看，应该能够解决问题。

复制链接到safari浏览器打开_ios系统通过safari添加到主屏幕后，打开子链接还会跳转到safari...相关推荐

Edge浏览器复制链接到PC微信变成文字标题了
Edge浏览器复制链接到PC微信变成文字标题了这几天使用Edge浏览器复制链接到PC微信,但奇怪的是粘贴在微信显示的是文字,不是链接. 后来又试了谷歌浏览器,发现是正常的. 原来是Edge浏览器的粘 ...
Safari浏览器下载word文件，后缀多拼接了.html,导致打开下载文件乱码
1.遇到的问题谷歌和ie下载文件正常 Safari浏览器下载word文件,后缀多拼接了.html,导致打开下载文件乱码,下载的文件名称为test.doc.html,手动去掉多余的后缀.html即可正 ...
复制链接到safari浏览器打开_iOS--浏览器(safari)唤起App
1.URL Scheme iOS中app之间的通信或是唤起大多数都是通过调用openUrl的方式,接着通过解析传入的url中的信息来判定当前app所要跳转的地方.这里所传入的URL格式为"X ...
复制链接到safari浏览器打开_JS实现复制到剪贴板(兼容FF/Chrome/Safari所有浏览器)...
现在浏览器种类也越来越多,诸如 IE.Firefox.Chrome.Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了. 在FLASH 9 时代,有一个通杀所有浏 ...
复制链接到safari浏览器打开_苹果手机把链接复制到浏览器打不开也下载不了这怎么回事...
safari虽然只有苹果用户才能使用,但是随着苹果用户的增多,不少人遇到safari打不开网页的问题等,safari是苹果手机内置浏览器,在打开网页时经常会出现safari打不开网页因为服务器已停止响 ...
复制链接到safari浏览器打开_APP应用内嵌h5页面怎么直接打开Safari来访问链接?
var openApp=function(){ var localUrl=createScheme(); var openIframe=createIframe(); if(isIos()){ //判 ...
复制链接到safari浏览器打开_通过 URL 协议实现从 Safari 等浏览器中跳转打开你的 app...
看到Amazing Alex中有个关卡下载的功能,在浏览器中选择要下载的关卡(如下图)以后会自动跳转回这个游戏. 实现这样的功能并不麻烦,通过将网上一些相关教程汇总以后就写了下面的教程分享. 实现效果 ...
复制链接到safari浏览器打开,如何从Safari浏览器获取网址
How can I access the Safari browser from C# to get the current URL? 解决方案 It's not exactly the best a ...
复制链接到safari浏览器打开_3种方法导入书签到Safari浏览器
您知道电脑硬盘是如何读取和存储数据的吗?恢复软件是如何找回数据的吗?通过这个视频教程,你将了解你丢失的数据是否还在,这些文件能否找回. 请点击 - >>>> 观看视频如何安全 ...

复制链接到safari浏览器打开_ios系统通过safari添加到主屏幕后，打开子链接还会跳转到safari...

复制链接到safari浏览器打开_ios系统通过safari添加到主屏幕后，打开子链接还会跳转到safari...相关推荐

最新文章

热门文章