首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

H5页面判断客户端是iOS或者Android并跳转对应链接唤起APP

通过判断是否是微信,部分不能用微信打开的页面,可以设置一个引导提示,让用户在浏览器中打开。 ...例如: 点击下载应用 唤起本地APP 在日常生活中,应该不难遇到打开页面自动跳转到APP的提示...iOS7/iOS8 iOS 中默认通过 Safari 打开 URL scheme ,方法一般有如下两种: 直跳方式: 点击链接、修改 window.location 等。...该方法不会引起页面可见的变化(例如页面内容变成一个新页面),不会导致浏览器历史记录的变化,大致实现如下: 在 body 上添加 iframe,设置 src 属性为跳转的 URL scheme 。...iOS9 在 iOS 9 上,iframe 方案不可用。 按不能使用之前Android的代码,因为在打开自定义 URL scheme 时,会弹出对话框,询问是否用 xx 应用来打开。

13.5K30

Safari URL重定向漏洞(CVE-2016-4585)利用分析

明显采用相对路径的URL资源没有正确加载。 我们可以在浏览器console下面可以进行验证: ? 此页面的域是损坏的,这便是为什么采用相对路径加载资源会失败了。cookie也因此无法获取。...想到的最好的利用方法便是iframe了,我们可以找个在header中"X-Frame-Options"限制宽松的站进行测试。 原作者的示例如下: ?...使用Cookie验证的页面也是可以进行攻击利用的,因为请求中带有cookie。 ?...可以使用GET 和 POST的HTTP请求方法,使用302或者307进行跳转 在iframe中,base URL继承自父页面,奇怪的是至今<base href=被完全忽略了 JS是在blank域下执行的...,与iframe父页面分离,除了cookie,DOM对象皆可访问 CSP (或者 X-Frame-Options) 可能会防止此XSS攻击 0x02 修复建议 升级Safari至 2016 年 7 月

1.4K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    微信小程序官方组件展示之开放能力web-view源码

    JSSDK接口:图片相关接口 3用户分享时可获取当前web-view的URL,即在onShareAppMessage回调中返回webViewUrl参数。...2.tip:开发者工具上,可以在 web-view 组件上通过右键 - 调试,打开 web-view 组件的调试。...3.tip:每个页面只能有一个 web-view,web-view 会自动铺满整个页面,并覆盖其他组件。4.tip:web-view 网页与小程序之间不支持除 JSSDK 提供的接口之外的通信。...5.tip:在 iOS 中,若存在 JSSDK 接口调用无响应的情况,可在 web-view 的 src 后面加个#wechat_redirect解决。...6.tip:避免在链接中带有中文字符,在 iOS 中会有打开白屏的问题,建议加一下 encodeURIComponent版权声明: 本站所有内容均由互联网收集整理、上传,如涉及版权问题,请联系我们第一时间处理

    1K50

    H5如何与原生App通信?

    说白了UIWebView有类似浏览器的功能,我们使用可以它来打开页面,并做一些定制化的功能,如可以让js调某个方法可以取到手机的GPS信息。...RN容器 在react-native开发中,从rn 0.37版本开始官方引入了组件,在安卓中调用原生浏览器,在IOS中默认调用的是UIWebView容器。...m.douyu.com' }} /> WebView组件不要嵌套在或原生点击组件中,会造成H5内页面滚动失效 h5向ios客户端发送消息; 在ios中,并没有现成的api让js去调用native的方法,...params=' + encodeURIComponent(obj)然后带上你要传递给ios的参数;然后在客户端内拦截到指定协议头的请求之后就阻止该请求并解析url上的参数,执行相应逻辑 在H5中发起这种特定协议的请求方式分两种...这种js的调用方式与ios的一样,使用iframe来调用native方法。 通过在webview页面里直接注入原生js代码方式,使用addJavascriptInterface方法来实现。

    6.1K20

    新浪微博IPAD客户端XSS(file域) + 构造Worm

    我的POC只是一个弹窗的alert,在ipad上打开微博APP,点击查看我刚发的分享,即可触发: ? 我们看到,这个XSS是在本地域(file://)触发的。...这就比较有意思了,因为在safari下,本地域是可以跨任意域的。 比如我跨域请求乌云的首页: ? 跨域是什么概念,比如我在这里插入一个XSS,能直接打到你乌云的cookie。...当然是weibo.com了,我们用iframe src=”http://weibo.com”>在客户端中打开微博首页,就能看到我们已经登录了微博: ?...但经过抓包发现,虽然不能直接插入javascript,但我们的数据包中却带有自己的cookie。...在chrome下,我们是不能通过ajax修改Referer的,但safari却没这么安全的设置。

    99740

    一切为了营收!如何从推广短信链接唤起 App

    如果用户手机没有安装我们的 App 就引导其去下载页,如果用户已经安装了我们的 App 就直接在 App 中打开对应的活动。...方案二 : 点击短信经 “浏览器中” 转唤起 第二种,经浏览器中转唤起,也就是点击短信链接后先用浏览器打开对应页面,在页面中进行“判断”(实际上不是真正的判断,而是发一个scheme给系统)如果安装了...,系统会自行判断,如果安装了 App 就会出一个弹框让用户选择在 App 中打开还是在浏览器中打开,如图。...: iframe src="strange://login" style="display: none;">iframe> 或者执行脚本: window.location.href="strange...、Chrome 原生浏览器,需在页面中内置一个“下载应用”的按钮引导用户点击。

    2.6K20

    记录工作中遇到的各种问题(Bug,总结,记录)

    异步方式实现导出Excel表格 用异步的方式导出数据,用Ajax貌似不行 目前想到的方法就是用iframe,设置不同的src即可让后端返回相应数据 另外,刚发现的一个异步导出文件的方式是,直接设置当前URL...页面使用Angular.js(1),页面中iframe中初始设置src属性的话,会导致页面重新加载一次 例如设置一个初始值,某些操作之后再更改src iframe src="#" class="export-iframe...然后在空白页中增加JS跳转至URL中指向的页面链接即可 缺点是会有短暂白屏,勉强可用 更多见讨论 53....在Chrome开发者工具中打开开发者工具(Inspect in DevTools) 其实Chrome开发者工具就像是一个iframe,嵌入到页面中,也是可以审查的 首先打开DevTools至独立窗口中,...Chrome新版本的插件列表中默认没有Shockwave Flash,某些Flash播放器会失效(如果播放前查询插件是否存在) 在比较旧的浏览器中是可以正常播放Flash视频的,有直接就能播放的,也有提示选择打开

    18.2K12

    BUG赏金 | 当我发现iFrame注入时的利用

    图片来源于网络 iFrame注入是一种非常常见的跨站脚本攻击。它包括已插入到网页或文章内容的一个或多个iframe代码,或一般下载一个可执行程序或进行其他动作使网站访客的电脑妥协。...在最好的情况下,谷歌可能会标注该网站“恶意”。最糟糕的情况是,站点所有者和访问者最终使用了受恶意软件感染的计算机。...query=eval(location.hash.slice(1))#alert(1) 接受用户提供的数据作为iframe源URL可能会导致在Visualforce页面中加载恶意内容...发生iFrame欺骗漏洞在以下情况: 1、数据通过不可信的源进入web应用程序。 2、数据作为iframe URL使用,而不进行验证。...iframe src="http://evildomain.com/"> 冬至礼物 翻译自https://url.cn/5V7dJlo

    1.3K10

    关于H5唤醒APP的功能实现(千辛万苦啊!)

    scheme_url和scheme_host是什么,我就是这样干的 //url2是应用下载地址,要分清ios和android的不一样 //将下载地址保存到全局变量 downloadUrl =...url2; if (ua.match(/ipad|iphone|ipod|ios/i)) { //外部一个定时器,专门盯着启动app的定时器loop;就叫它killer吧 //计时6秒,之后干掉loop...并启动应用入口 openApp(url); } } function openApp(src) { // 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP...var ifr = document.createElement('iframe'); ifr.src = src; ifr.style.display = 'none'; document.body.appendChild...safari不支持iframe的跳转,就搞的我人都凌乱了,只能自己想办法,这个之前那个两个定时器控制的调转差不多,将就着看吧!

    1K30

    小程序打开h5页面,并实现H5与小程序的通信

    在小程序中打开H5页面,需要使用web-view组件 web-view组件是承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。...会自动铺满屏幕,意思就是说你的页面只要有了web-view组件,其他内容就显示不出来啦 需要注意的是 src如果有中文会显示白屏 最好使用encodeURIComponent转义一下url 此组件有几个参数分别...e.detail = { src } 1.6.4 web-view网页中可使用JSSDK 1.3.2提供的接口返回小程序页面。...tip:在 iOS 中,若存在JSSDK接口调用无响应的情况,可在 web-view 的 src 后面加个#wechat_redirect解决。...tip:避免在链接中带有中文字符,在 iOS 中会有打开白屏的问题,建议加一下 encodeURIComponent 官方链接 https://developers.weixin.qq.com/miniprogram

    2.8K20

    深入理解iframe

    iframe 用于在页面内显示页面,使用 iframe> 会创建包含另外一个文档的内联框架(即行内框架) iframe src="URL">iframe> 二、iframe 的常用属性 1、width...scrolling 规定是否在 iframe 中显示滚动条,值为 yes、no、auto 6、src 设置 iframe 的地址(页面/图片) 7、srcdoc 用来替换 iframe 中 html、body...在 Safari 和 Chrome 里,通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况 3、唯一的连接池 浏览器只能开少量的连接到 web 服务器。...Safari 3+ 和 Opera 9+ 可同时对一个域名打开 4 个连接,Chrome 1+, IE 8 以及 Firefox 3 可以同时打开 6 个 绝大部分浏览器,主页面和其中的 iframe...这意味着 iframe 在加载资源时可能用光了所有的可用连接,从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要,这当然是很好的。

    4.4K10

    iframe 有什么好处,有什么坏处?

    iframe 用于在页面内显示页面,使用 iframe> 会创建包含另外一个文档的内联框架(即行内框架) iframe src="URL">iframe> 二、iframe 的常用属性 1、width...scrolling 规定是否在 iframe 中显示滚动条,值为 yes、no、auto 6、src 设置 iframe 的地址(页面/图片) 7、srcdoc 用来替换 iframe 中 html、body...在 Safari 和 Chrome 里,通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况 3、唯一的连接池 浏览器只能开少量的连接到 web 服务器。...Safari 3+ 和 Opera 9+ 可同时对一个域名打开 4 个连接,Chrome 1+, IE 8 以及 Firefox 3 可以同时打开 6 个 绝大部分浏览器,主页面和其中的 iframe...这意味着 iframe 在加载资源时可能用光了所有的可用连接,从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要,这当然是很好的。

    4.1K10

    解耦---Hybrid H5跨平台性思考

    在如今移动互联网的发展大潮中,H5 能与体验更优的原生终端齐步并进,其跨平台性可谓功不可没。 因强依赖于具体 app,Hybrid H5 往往不具有跨平台性。...以第②步触发的伪协议内容为例,在本例“调用”代码中被原生捕获后,会路由执行逻辑:self.method(); ④通讯行为——回调:原生根据 H5 传过来的内容,捕获 js 回调函数方法名,在原生逻辑执行结束后...但这里有一个明显的问题,即 Hybrid H5 会强耦合于当前平台。不说跨 app 了,app 内跨平台(android/ios/wp)都会显示吃力。...} })() 除了对需兼容的 app 进行差异请求外,还应对在不兼容的 app 运行时做跳转到主兼容 app 打开当前页面的逻辑处理,并做引导性提示,保障页面的完整可用性。...H5 jsapi 的接口形式尽量与主运行 app 的 jsapi 保持一致 下面以打开 QQ 钱包原生页和原生页面跳转能力为例,做 app jsapi 的差异封装。

    1.5K40

    挥别web移动端开发差异和经典坑

    web移动端 电话号码识别差异 在 iOS Safari (其他浏览器和 Android 均不会)上会对那些看起来像是电话号码的数字处理为电话链接,比如: 7 位数字,形如:1234567 带括号及加号的数字...在 iOS 中,手指按住屏幕上下拖动,会触发 touchmove 事件。这个事件触发的对象是整个 webview 容器,容器自然会被拖动,剩下的部分会成空白。...关键解决:composition event compositonstart: 在IME的文本复合系统打开时触发,表示要开始输入例如(输入法出现的那一刻) compositionupdate: 在向输入字段中插入新字符时触发...的URL跳转会出现空白 描述:安卓手机,在微信授权回调的函数中进行跳转至的URL不能带有#,但#号可放置在结尾。...即在#home前增加一个参数,页面跳转正常。 经排查,原因如下: 原来是缓存导致的,因其#号后的参数等都被忽略,那么#以前的URL在授权前和授权后一致,其不再发送网页请求去重新获取而是直接读取缓存。

    2.9K20
    领券