关于ios原声嵌入web页面的问题

当在一个界面中既有原生又有web的时候,如果想让上下整体滑动的话,我们怎么确定web的高度呢,下面分享一下我的心得首先在webView的代理方法中我们可以获取到加载完整个web页面的高度 - (void)webViewDidFinishLoad:(UIWebView *)webView{ if (_scrIndex) { _rowHeight = webView.scrollView.contentSize.height; _scrIndex = NO; [_tableView reloadD…

IOS客户端UIwebview下web页面闪屏问题

基于ios客户端uiwebview下的web页面,在其内容高度大于视窗高度时,如果点击超过视窗下文档的底部按钮,收缩内容高度,会发生闪屏问题. 外因是由文档的高度大于视窗的高度所致,本质原因未知. 解决办法: 为最外层的元素设置height:100%(要保证100%的高度等于视窗高度),overflow:scroll,如果想避免出现滚动条的话,还可以在最外层元素加上伪类::-webkit-scrollbar{display:none},即可完美解决闪屏问题.…

Saiku通过iframe嵌入web页面（六）

Saiku通过iframe嵌入系统页面前提: Saiku已安装好,并且配置了数据源,熟练了saiku的基本使用. 一.将整个Saiku嵌入页面在web项目中,新建index.jsp页面,内容如下: http://10.22.33.44:8080 是我本机访问 Saiku 的 url <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8…

【原】移动web页面使用字体的思考

回想2年前刚开始接触手机项目,接到PSD稿后,发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计,于是我写页面的时候也定义 font-family 为微软雅黑,后来发到线上后,细心的产品经理发现页面的字体不是微软雅黑,要求马上修改,我就惊呆了,还跟产品争执一番. 后来了解到的手机系统 ios.android 等是不支持微软雅黑字体,为了满足产品的需要,保证视觉稿的还原度,手机端是如何定义微软雅黑字体呢? 相信大家会想到 @font-face 定义为微软雅黑字体并存放到 web 服务器上,在需要使…

【原】移动web页面支持弹性滚动的3个方案

有段时间一直折腾移动端页面弹性滚动的各种问题,做了点研究,今天做个小分享~ 传统 pc 端中,子容器高度超出父容器高度,通常使用 overflow:auto 可出现滚动条拖动显示溢出的内容,而移动web开发中,由于浏览器厂商的系统不同.版本不同,导致有部分机型不支持对弹性滚动,从而在开发中制造了所谓的 BUG. 上图如果在PC端中,我们可以利用 position:fixed 和 overflow:auto 进行简单的布局实现我们需要的效果,而在手机端遇到的问题如下: ios4 和 android…

【原】移动web页面兼容处理的思考

本月收到一份关爱里程碑的邮件,入职满3周年了,从一个懵懂的新人到从容淡定的小油条,在外辛苦打工不容易,能收到一封简单的关怀邮件也是有感欣慰,这里祝愿公司越发展越好. 进入主题,移动网页设计中,很多同学常问一个问题:这么多种移动设备,要兼容哪几类呢? 相信很多人会回答主流的系统ios.android,但是这2个系统又有多个版本,如ios就有4.5.6.7,android有2.2.2.3.3.0.4.1.4.2,包括我之前提到winphone 8,大家也在考虑到底该不该兼容,这是一件非常头疼的事情,…

【原】移动web页面给用户发送邮件的方法 (邮件含文本、图片、链接)

微信商户通有这么一个需求,用户打开H5页面后,引导用户到电脑下载设计资源包,由于各种内部原因,被告知无后台资源支持,自己折腾了一段时间找了下面2个办法,简单做下笔记. 使用mailto功能,让用户自己给自己发送一份包含资源包的下载链接调用QQ邮件分享功能,让用户自己给自己发送一份包含资源包的下载链接 mailto使用方法 1.基础写法当浏览者点击这个链接时,浏览器会自动调用默认的客户端电子邮件程序,并在收件人框中自动填上收件人的地址下面 <a href="mailto:peun@fox…

ios原声音频播放AVAudioSession 总结

//音频播放/*英译:record:录音 */ 1 导入头文件#import<AVFoundation/AVFoundation.h>//AVAudioSession是一个单例模式.在IOS7以前可以不用设置,在IOS7上不设置AVAudioSession则不可以录音. //处理录音或播放结束后,要关闭音频会话,来延续后台音乐的播放 AVAudioSession *audioSession = [AVAudioSession sharedInstance]; [audioSession set…

IOS原声二维码条形码扫描实现

本文讲述如何用系统自带的东东实现二维码扫描的功能:点击当前页面的某个按钮,创建扫描VIEW.细心的小伙伴可以发现 title被改变了,返回按钮被隐藏了.这个代码自己写就行了,与本文关系不大...绿色的线会上下跑,不要担心:D 实现效果如下: 1.在工程中添加框架AVFoundation.framework 2.声明代理:AVCaptureMetadataOutputObjectsDelegate . define 几个东东用来画框.画线: #define SCANVIEW_EdgeTop 40.…

[原]iOS中 Web 页面与 Native Code 的一种通信方式

在 iOS 开发中,Web 页面与 Native Code 通信可以分为两个方面: 1.Native Code 调用 Web 页面的方法:主要是调用页面中的 Javascript 函数. 2.Web 页面调用 Native Code:主要是通过自定义 Scheme. 当前,Web 页面通过自定义 Scheme 调用 Native Code 的方式,个人总感觉这种方式是比较丑陋的. 刚才突然想到了 Web Socket 的方式,于是搜索了下,果然已经有一些库来做这件事情了. 还没有阅读相关的库代码…

Android ios嵌套web页面

我们现在做一个活动页面,Android和ios的活动页面用web来做,方便更改,下面有几个小问题: 1.在Android和ios中,虽然web上面可以存localstorage,但是到了Android和ios上面就失效了,也就是说不能存储localstorage,而cookie是可以存储: 2.Android和ios传参给web页面这个和简单,只需要在web端写一个正常的函数,在Android和ios直接调用方法,以下的data就是传回来的参数,如 function receiveAppWish…

移动WEB模拟原声APP滑动删除

移动WEB模拟原声APP滑动删除效果代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模拟App滑动删除</title> <meta name="viewport" content="width=device-width, initial-scale=1.0,…

ios访问web页面<div>点击事件不起效果，以及alert()显示url的解决办法

ios访问web页面<div>点击不起效果,在其div上添加style=”cursor:pointer:“ jquery web页面动态append()事件调用方法:$(document).on(e,class,function(){}); ios访问web页面alert()显示url的解决办法重写alert()方法 window.alert = function(name){ var iframe = document.createElement("IFRAME");…

【原】移动web资源整理(安卓、ios移动端兼容性问题归整)

meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content=…

海康威视嵌入到web页面相关问题

因项目上面需求,接触到了海康威视的设备,要把他嵌入到web页面中,所以就开始了爬坑之路刚开始不知道如何把设备的页面嵌入到项目的web页面中,直到我遇见了他——“WEB3.0控件开发包V1.0.9_CN” (感谢网友的无私奉献) 这个插件如果用chrome高版本的话会提示您的chrome浏览器版本过高,不支持NPAPI插件如果出现这个情况的话,你可以选firefox,或者下载低版本的chrome 找到这个页面的话,基本上的问题可以解决一半了,但是如果你需要支持回看录像的话,那么就…

广告等第三方应用嵌入到web页面方案之使用js片段

在自己的项目中嵌入过广告的朋友们可能都用过百度联盟, 只需要嵌入如下一段js代码片段, 就可以在自己的项目中嵌入广告, 来获得收益. <script type="text javascript"> var cpro_id = "u2557752"; </script> <script src="http://cpro.baidustatic.com/cpro/ui/cm.js?id='i9898'" type=&qu…

广告等第三方应用嵌入到web页面方案之使用iframe嵌入

有些项目中可能会遇到这样的需求, 需要在一个项目中嵌入其他的项目的页面或者功能.并且需要这两个页面之间能够进行交互. 本文主要介绍如何实现这种第三方应用的嵌入, 主要有以下几个方向: 1.iframe引入第三方应用 2.嵌入js片段 3.封装成SDK 本篇将主要介绍第一种, 通过iframe嵌入第三方页面, 接下来的几篇文章将分别介绍其他两种方式使用iframe嵌入是目前使用很广泛的一种嵌入方案, 先看几个案例: 一. 使用案例搜狐移动端使用iframe嵌入广告: 移动端视频网站使用ifra…

iOS之safari调试iOS app web页面

Overview 当下移动端开发过程中大量使用前段H5.js等等技术,而这些web页面的调试在Xcode控制台中不太明了,经常我们移动app运行了就是方法,但是不能显示响应的效果,这时候或许就是已经报错了,但是我们在Xcode控制台是看不到这些错误.这时候我们就可以用功能强大的Safari浏览器来开启开发模式连接iPhone来调试app脸面的web页面了. Safari设置打开Safari偏好者设置,选中“高级菜单”,在页面最下方看到“在菜单中显示开发菜单”的复选框,在复选框内打钩,这样设置完…

CSS3之嵌入Web字体

之前如果想在自己的网站使用某些好看的字体,总是迫不得已得在PS里先把字体图片做好.虽然这样做也能达到我们想要的效果,但是这样就增加了HTTP请求(如果在多处使用的话),即使合并所有图片,也不好管理,灵活性不高,哪一天想换种更好看的字体,那工作量,想想都没劲!幸好CSS3新增了@font-face模块,可以帮助我们轻松解决Web页面中使用优雅字体的方式,而且我们可以根据需要自定义多种字体,但是每个@font-face只能定义一种,若需要多个字体就启用多个@font-face规则. @font-fa…

嵌入web字体

@font-face模块可以帮助我们轻松解决Web页面中使用优雅字体的方式,而且我们可以根据需要自定义多种字体,但是每个@font-face只能定义一种,若需要多个字体就启用多个@font-face规则. @font-face 主要就是把自己想要的,或者自己定义的Web字体嵌入到Web页面中,然后这些字体就会被放置在服务器上,浏览器会根据指定的命令将对应的字体下载到本地缓存,使用它来修饰文本.也就是我们所说的Web字体嵌入. 描述符值描述 font-fami…

WinForm嵌入Web网页的解决方案

企业级信息化系统绝大部分采用BS架构实现,如门户网站.OA系统.电商网站等,通过浏览器输入Web网址即可访问,对于使用者来说非常便捷,对于开发维护者来说也非常方便,程序维护只需更新服务器即可,使用者无感知.但是CS架构的WinForm客户端程序仍然具有很实用的价值,如WPS.IT类的集成开发环境(数据库.图形处理软件).PC端的小工具.本地程序处理性能更优秀,但是频繁更新带来不友好的客户端体验.还有一种非常常见且实用的业务场景, Web网页与WinForm程序互相集成应用. 在百度网盘的网页中,…

【原】移动web资源整理

2013年初接触移动端,简单做下总结,首先了解下移动web带来的问题设备更新换代快——低端机遗留下问题.高端机带来新挑战浏览器厂商不统一——兼容问题多网络更复杂——弱网络,页面打开慢低端机性能差——页面操作卡顿 HTML5新技术多——学习成本不低未知问题——坑多面对这些问题,一开始我们只能在未知中试错,知道错误的方案才能更容易寻找正确的解决问题思路,2年多来,可看到移动web在业界不断趋向于成熟,各种框架和解决方案不断的涌现让移动端开发不再是个噩梦. 这几天把想到的一点经验先罗列出来…

qt添加cef库嵌入web [转]

qt cef嵌入web 原文http://blog.sina.com.cn/s/blog_9e59cf590102vnfc.html 最近项目需要,研究了下libcef库. Cef(Chromium Embedded Framework)简述嵌入式Chromium框架(简称CEF) 是一个由Marshall Greenblatt在2008建立的开源项目,它主要目的是开发一个基于Google Chromium的Webbrowser控件.CEF支持一系列的编程语言和操作系统,并且能很容易地整合到新…

Microsoft.Office.Interop.Excel的用法以及利用Microsoft.Office.Interop.Excel将web页面转成PDF

1.常见用法 using Microsoft.Office.Interop.Excel; 1)新建一个Excel ApplicationClass ExcelApp = New ApplicationClass(); Microsoft.Office.Interop.Excel.Workbook book = ExcelApp.Workbooks.Add(); 2) 更改 Excel 标题栏: ExcelApp.Caption := '应用程序调用 Micr…

微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能. 如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法. 采用url链接的方式,实现在Safari ios,香港服务器,Android 浏览器,webos 浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能. 1.最常用WEB页面J…

转一下大牛的嵌入web页播放视频方法（转）

来自:http://www.cnblogs.com/bandry/archive/2006/10/11/526229.html 在Web页中嵌入Media Player的方法比较简单,只要用HTML中的<Object></Object>可以了,如下所示.<OBJECT ID="WMPlay" WIDTH=320 HEIGHT=240CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"C…

from表单iframe原网页嵌入

今天是巩固的from表单跟嵌入其他页面,同样的,学习到了新的知识. 温故而知新: iframe--在原页面嵌入其他页面,以窗口的样式其中scrolling--滚动条 noresize--可调整大小 frame--边框线瞅下练习的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d…

base64：URL背景图片与web页面性能优化

一.base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息. 某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么? 好吧,我也不喜欢专业术语的解释.你只要知道,base64编码就是长得像下面这样子的代码: thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3NsbTFfbG9nby5naWZaWg== 上面代码大家都熟悉吧,迅雷下载链接哦(咳咳,该地址很纯洁),就…

利用Microsoft.Office.Interop.Excel 将web页面转成PDF

网上有很多将Web页面转成PDF的方法,还有许多收费的第三方插件.其实利用Office 自带的将EXCEL发布成PDF的功能就可以实现,如果你的需求没有多复杂,可以采用笔者的方法. 首先将web页面html保存为EXCEL文件(此步骤有多种方法,就不详细探讨了.只要能将web页面转成EXCEL文件,剩下的就好说了.) StringWriter html = new StringWriter(); HtmlTextWriter tw = new HtmlTextWriter(html); base…

如何把报表放到网页中显示（Web页面与报表简单集成例子）

1.问题描述现在用户开发的系统基本上趋向于BS架构的浏览器/服务器模式,这些系统可能由不同的语言开发,如HTML.ASP.JSP.PHP等,因此需要将制作好的报表嵌入到这些页面中. FineReport制作出的报表可以通过Frame框架集成到Web页面中. 2.将报表显示在Frame框架内 2.1集成方法报表作为页面的一部分,可以以iFrame方式嵌入在网页中,指定iFrame的src即可. 1. <iframe id="reportFrame" width=&quo…

【关于ios原声嵌入web页面的问题】的更多相关文章