vue 在苹果手机上使用iframe页面会被放大

iframe ios中h5页面样式变大

实际项目开发中,iframe在移动设备中使用问题还是很大的,说一说我的那些iframe坑做过的这个后台管理框架,最开始的需求是PC,但随着业务需要,需要将项目兼容到ipad,后台的框架也是使用的开源框架开发,使用的是iframe嵌套页面的方式 1.内部嵌入iframe,里面的内容页面中有绝对定位的元素,会有问题! 现象:项目中嵌入 <iframe /> 并设置宽高后,发现在 Android 手机浏览器上打开可以正常运行,但是在 iOS 手机上会有 iframe 页面样式莫名变大,效果如下:

lhgdialog: iframe页面里面的，确定，关闭、取消按钮的操作

lhgdialog: iframe页面里面的,确定,关闭.取消按钮的操作如果你正在用lhgdialog,用他人iframe,或者 content:'url:http://www.baidu.com/a.html',的功能,刚好a.html页面有,一个关闭/取消按钮.当你模拟操作,想取消弹出框,就是点击取消按钮.那么这个取消按钮的代码怎么写呢 ? 看图: 方法一: 直接在取消按钮上面增加onlick事件 onclick="frameElement.api.close()" 方法二:

iphone在iframe页面的宽度不受父页面影响，避免撑开页面

工作中有个需求,就是产品页面通过iframe引用显示产品协议页,要求不要横向滑动,只需要竖向滑动,但在iphone中引用的iframe会撑开父页的宽度,而在android端浏览器这不会. <div style="width: 100%; height: 300px; overflow-x: hidden; overflow: scroll; -webkit-overflow-scrolling: touch;"> <iframe src="contract.

Asp.net MVC访问框架页中嵌套的iframe页面时，如果session或cookie过期，登录验证超时怎样自动跳转到登录页

一般登录验证的过滤器中,使用验证过滤器的Redirect方法,将请求重定向到指定的URL.但是如果我们要访问的页面是一个嵌套在框架页中的iframe页面时,这种重定向只会对iframe页面凑效,也就是会将iframe也重定向到登录页,这样就有违我们的目的了.所以我就尝试了很多方法来实现让整个页面重定向到登录页的目标,接下里我就来分享一下我的心路历程~~如果想看解决方法,可以直接拉到最后,忽略我的啰啰嗦嗦~~ 首先,我尝试了替换掉Redirect,改用了Write方法,意在将指定字符串写入HTTP

内嵌iframe页面在IOS下会受内部元素影响自动撑开的问题

IOS下的webview页面,内嵌iframe元素,将其样式指定为宽高100%: .iframe { width: %; height: %; } 在安卓下运行均无问题,但是在IOS下会出现异常. 具体表现为iframe页面内的子元素一旦超出原先的边界,只要能影响到html元素的宽高,就会自动撑开iframe,即使html元素设置了overflow:hidden也没用.比如一个body元素下的弹层需要从下往上滑动进场,这个弹层的位置就会导致html高度的变化,因此页面底部的tabbar就会在弹层

iframe页面二次登录问题

原文链接:iframe页面二次登录问题生产问题问题背景由于历史原因,公司内部系统有一些页面是基于iframe嵌入的其他系统的页面,之前一直运行正常,最近不知什么原因接连出现访问所有iframe页面时提示需要登录的情况,并且点击iframe页面的登录按钮时会出现页面闪一下,没有任何跳转的现象. 问题显而易见,怎么解决呢?透过现象看本质,旁边业务还在催问什么时候能恢复,只能硬着头皮一步步分析着看. 首先,这些系统都接入了公司内部的sso服务,主体系统A已经成功登录的情况下,内嵌系统B还需要二次

iframe页面总是提示需要重新登录怎么办

原文链接:iframe页面二次登录问题生产问题问题背景由于历史原因,公司内部系统有一些页面是基于iframe嵌入的其他系统的页面,之前一直运行正常,最近不知什么原因接连出现访问所有iframe页面时提示需要登录的情况,并且点击iframe页面的登录按钮时会出现页面闪一下,没有任何跳转的现象. 问题显而易见,怎么解决呢?透过现象看本质,旁边业务还在催问什么时候能恢复,只能硬着头皮一步步分析着看. 首先,这些系统都接入了公司内部的sso服务,主体系统A已经成功登录的情况下,内嵌系统B还需要二次

layer.open打开iframe页面的调用父页面方法及关闭

//调用父类方法 window.parent.exportData($('#shownum').val(),$('#splitstr').val()); //关闭iframe页面var index = parent.layer.getFrameIndex(window.name); //获取窗口索引parent.layer.close(index); //父类方法 function exportData(shownum,splitstr){ //TODO }

jQuery 互相调用iframe页面中js的方法

1,子iframe内调用父类函数方法: window.parent.func(); 2,子Iframe中获取父界面的元素: $("#xx", window.parent.document); 这个xx就是父界面中要获取的元素的ID. 3,jquery 调用子iframe页面中js的方法: iframefunction()是子页面的方法 $(window.parent.document).contents().find("#iframename")[0].conten

asp.net中iframe页面用jQuery向父页面传值

在asp.net页面有时一个页面会通过iframe嵌套另一个页面,下面的例子讲述的是被嵌套的iframe页面向父页传值的一种方式,用jQuery即可. iframe页面代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Iframe页面<

iframe页面调用父窗口JS函数

A页面iframe 页面B, 此时如果要在B页面调用父页面A的函数 B页面写法 parent.functionName(); 错误1: 解决办法 var js_domain_async = 'baidu..com'; document.domain = js_domain_async; 错误2: is not a function 解决办法 <script type="text/javascript"> function functionName(){ } </sc

【JSP】让HTML和JSP页面不缓存从Web服务器上重新获取页面

用户退出后,如果点击浏览器上的后退按钮,Web应用将不能正确保护受保护的页面——在Session销毁后(用户退出)受保护的JSP页重新在浏览器中显示出来. 然而,如果用户点击返回页面上的任何链接,Web应用将会跳转到登陆页面并提示Session has ended.Please log in. 上述问题的根源在于大部分浏览器都有一个后退按钮. 当点击后退按钮时,默认情况下浏览器不是从Web服务器上重新获取页面,而是从浏览器缓存中载入页面. 基于Java的Web应用并未限制这一功能,在基于PHP.

iframe页面改动parent页面的隐藏input部件value值，不能触发change事件。

实现一个依据iframe页面返回充值卡类型不同,安排不同的input部件. 点击选择弹出一个iframe.点击充值卡数据行.返回1.充值卡类型.2.充值卡id(用的UUID).3.充值卡号(字符串). 遇到的问题是当iframe选择充值卡时,无法获取parent页面input部件value值的change事件. parent页js $("#id_card_type").change(function(){ //事件无法捕获 }); parent页form <form id=&qu

苹果手机上开发微信公众号(wap)遇到的问题解决方法

1.样式苹果手机会自行强制css样式,比如input会变得面目全非,你可以加上input{-webkit-appearance: none;}恢复原貌! 2.jquery的live错误,苹果手机上自行不支持live,所以live('click')点击自然无效.不管你引用的jquery是什么版本.所以推荐使用.click()或者.on();

基于laravel5.4 vue 和vue-element搭建的单页面后台CMS

介绍该项目后台是基于vue和laravel搭建的单页面CMS系统,包含了文章管理,权限管理,用户管理等基本模块. 前台使用了传统web技术,laravel渲染搭建了个博客系统 github地址:https://github.com/zdpdp/lvCMS 喜欢的点个星星喔搭建 npm install composer install npm run dev / npm run prod 修改根目录下的env文件填写自己的数据库信息 php artisan migrate (也可使用目录下的

执行指定iframe页面的脚本

mark一下,通过jQuery执行指定iframe页面里面的脚本,当前仅知道页面名称. $(window.top.document).find('iframe[src="pagesrc"]')[0].contentWindow.FunctionName(); pagesrc:指的是运行时,页面的src具体值,比如page.html FunctionName:指的是page.html页面里面具体的方法名称,如test(); 纯js方法 for (var i = 0; i < win

获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素

最近接手了别人的项目,别人用到了iframe,自己在实战中总结了一些关于iframe的小问题. 获取Iframe页面高度并赋值给Iframe Html <iframe name="container_ifranme" id="iframeId" scrolling="no" frameborder="no" border="0" src="home.html" onLoad=&qu

html页面嵌套两个iframe页面导致第二个iframe页面高度失效的问题

1:这是因为最里面嵌套的iframe页面html和body高度无法设置问题,我的解决办法是js去控制iframe高度 2:js获取最子页面(content内容区域)的高度 var ifremHeight = $("#htmlid").height(); $('iframe').css('height',ifremHeight+'px');这是最子页面的父亲页面的iframe

拿到iframe页面里面的变量及元素的方法

先严重差评一下,用这种方法window.parent.document.frames['layui-layer-iframe1']不行!而且frames方法存在浏览器不兼容问题(貌似火狐不行) 页面document明明就拿到的iframe元素接下来考虑用jquery来拿,亲测可行,但是!jquery又怎么拿得到iframe页面里面的js变量,拿不到的,这个方法等于$(document),拿拿页面元素还可以... parent.$("#layui-layer-iframe1").con

iframe页面刷新问题

1.问题:当iframe的页面加载过再关闭之后,如果iframe的src没有发生变化,js不会重新加载,再次打开页面不会刷新: 2.解决方法:关闭页面时清空src,再次打开时即可重新加载最新数据. $scope.updateCandidateUserValue = function (data) { $scope.assignment.candidateUsersName = data; $scope.selectUserURL = ""; document.getElementByI

[移动端WEB] 移动端input标签按钮为什么在苹果手机上还有一层白色？

移动端input标签按钮为什么在苹果手机上还有一层白色? 解决办法:其实蛮简单的,就加一个属性就好了 input { outline:0px ; -webkit-appearance: none; } 这样的话就没有了,这是苹果浏览器自带的样式,需要删掉,小编亲测可用,大家可以试试

vue 在苹果手机上使用iframe页面会被放大

热门专题