H5安卓端浏览器如何去除select的边框? android下没有问题,在apple下无三角号. -webkit-appearance:none; border-radius:0…
<object width="100%" height="100%" data="/templates/default/swf/guide.swf" style="border: 0 none; outline: none;width:100%;height:100%;" ></object> <embed width="100%" height="100%"…
Android设备打印比较麻烦,一般设备厂商都提供原生app开发的SDK,我们web开发者为难了,不会原生开发啊 给大家提供一个思路,实现web加壳,利用打印浏览器实现 简单来说就是把我们的web页面嵌入浏览器中 web页面的打印功能通过js与浏览器互动 浏览器通过调用硬件SDK实现打印 1.机器安装最新SDK,已安装请忽略 2.下载安装本页下载连接中的打印浏览器并安装 3.对照下方事例代码,修改web页面打印功能 4.打印浏览器中打开web页面,测试打印功能 5.默认主页可以在SD卡根目录修改…
项目上线测试,发现微信安卓端存在用户登录无法验证session情况, 导致每次接口请求都无法识别,而苹果客户端不会出现此问题,非微信环境打开不会出现此问题,找到一些解决方案做下记录: 方案1: 由于微信内嵌浏览器对所有请求都做了代理,导致出去的ip不固定,从而导致腾讯云服务器的黏性session(基于客户端ip做的黏性session)失效.所以,解决方案有两个,要么服务器端只用一台tomcat,要么tomcat做session共享,比如 session放在Redis中.这样server1产生的s…
  备注:本人为h5开发人员,不懂安卓和ios,这是开发小伙伴对接联调的主代码. 1.iOS端调用h5界面js方法:     2.安卓端调用h5界面js方法: @Override    protected void initData() {        mTxtBarTitle.setText(getString(R.string.bigdata));        TitleUtils.setToolBarRightIco(getContext(), R.mipmap.ic_unreadms…
解决jquery ajax调用远程接口的跨域问题 首先,接口必须允许远程调用.这是后端或者运维的事情.你必须保证你得到的一个接口是允许远程调用的.否则,就没啥了. $.ajax({ type:'get', url:url, // 下面的两行代码,就是解决跨域的关键 xhrFields: {withCredentials: true}, crossDomain: true, // 就是上面的两行代码 success: function(data){ // do something }, error…
H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解display:box的布局 理解flex布局 Flex布局兼容知识点总结 回到顶部 移动开发基本知识点 一. 使用rem作为单位 html { font-size: 100px; } @media(min-width: 320px) { html { font-size: 100px; } } @media(min-width: 360px) { html { font-size: 11…
一.IOS自带safari浏览器 1.safari不支持fixed.input输入框 iOS下的 Fixed + Input 调用键盘的时候fixed无效问题 拖动页面时 header 和 footer 已经定位在了对应的位置,目测没问题了 但接下来问题就来了!如果底部输入框软键盘被唤起以后,再次滑动页面,就会看到如下图所示: 我们看到 fixed 定位好的元素跟随页面滚动了起来… fixed 属性失效了! 这是为什么呢?简单解释下: > 软键盘唤起后,页面的 fixed 元素将失效(即无法浮动…
前言 移动互联网发展至今,各种移动设备应运而生,但它们的物理分辨率可以说是五花八门,一般情况UI会为我们提供375尺寸的设计稿,所以为了让H5页面能够在这些不同的设备上尽量表现的一致,前端工程师就不得不对页面进行移动端适配了. 「如果这篇文章有帮助到你,️关注+点赞️鼓励一下作者,文章公众号首发,关注 前端南玖 第一时间获取最新文章-」 前置知识 在学习移动端适配前我们需要了解一些相关的前置知识. 屏幕尺寸 屏幕尺寸指的是以屏幕对角线的长度来计算的,单位是英寸.1英寸=2.54厘米 电子设备一般…
一般禁止body滚动的做法就是设置overflow:hidden. 但是很奇怪的发现在移动端浏览器和微信浏览器上这个不起作用,然后我分析了我的写法,就是在body上加了一个class去定义属性,然后改成标签的定位,如body{overflow:hidden;},这个实现是可以的,没有滚动条. 再进一步分析,如果要用class去实现没有滚动条,如下代码设置: .index_body { overflow-y: hidden;/*为了兼容普通PC的浏览器*/ height: 100%; positi…
移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题 开发H5 webapp时经常需要使用本地存储,如localStorage和sessionStorage存储一些数据,相比最多能存4k的cookie相比,用起来很好用.但是localStorage在iOS Safari.chrome和UC浏览器中的隐私模式(也叫无痕模式)下无法使用,手机Safari浏览器中具体表现是: localStorage对象仍然存在 但是setItem会报异常:Quota…
.bl { padding: 5px 10px; border-left: 3px solid #009a61; background: #f6f6f6; color: #555; font-size: 1em } .bottom-line { border-bottom: 2px solid #009a61; padding-bottom: 8px } 最近在项目中遇到这样一个需求: 点击按钮,将指定的URL复制到剪贴板,然后用户可以粘贴到浏览器(Safari为主)自行打开. 方案一:zero…
最早时,公司的H5项目中曾用过点击一个"加载更多"的DOM元素来实现分页的功能,后来又用过网上有人写的一个上拉加载更多的插件,那个插件是页面将要滚动到底部时就自动请求数据并插入到页面的后边,其实这样也是可以的,不过在我们的负责人看了之前的效果后提出的要求是希望页面滚动到底部时先暂时不加载更多的数据,而是当页面滚动到底部且用户还在往上拉动页面时再加载更多.这样的好处是,万一用户只是想滚动到底部只看看被屏幕遮挡住的其他数据而没有想要看更多的数据时,就不用再请求数据了.于是我就查资料找到了一…
最早时,公司的H5项目中曾用过点击一个"加载更多"的DOM元素来实现分页的功能,后来又用过网上有人写的一个上拉加载更多的插件,那个插件是页面将要滚动到底部时就自动请求数据并插入到页面的后边,其实这样也是可以的,不过在我们的负责人看了之前的效果后提出的要求是希望页面滚动到底部时先暂时不加载更多的数据,而是当页面滚动到底部且用户还在往上拉动页面时再加载更多.这样的好处是,万一用户只是想滚动到底部只看看被屏幕遮挡住的其他数据而没有想要看更多的数据时,就不用再请求数据了.于是我就查资料找到了一…
今天发现一个比较有意思的属性,appearance:none 可能有朋友不认识,但是有一个标签你肯定认识:select. 这个标签的样式是这样的: 一般情况下,我们所使用的border:0; 去除边框这种方式在某些浏览器是对它是不起作用的,比如:Opera 浏览器下就没有作用. 再拿google浏览器举例,虽然有作用,边框可以去除掉,但是右边的倒三角却保留了下来. 比如这样: 如果想要将select的边框和倒三角全部去除掉,这里有两个方法和大家分享一下. 1.可以在select的外部包一个div…
各类it学习视频,大家都可以看看哦!我自己本人都是通过这些来学习it只知识的! 下面是视频链接转自:http://www.cnblogs.com/yzxk/p/4749440.html Android通过Http连接MySQL 实现登陆/注册(数据库+服务器+客户端) 时间 -- :: 博客园-原创精华区 原文 http://www.cnblogs.com/yzxk/p/4749440.html 主题 MySQL HTTP 写在最前: 在实际开发中,相信每个项目都会有 用户登陆注册 功能,这个实…
第一: PC端浏览器定位(纯前端)浏览器定位 :这里用了两种 ,一种是Html5自带的方法 另一种是引用了百度api  ,百度api 的使用有三种:1 浏览器定位2 ip定位3 SDK辅助定位引用百度api的前提是需要申请百度ak,这个大家自行百度查询吧  使用百度的话需要连接外网 下面是代码 : <!DOCTYPE html><html><title>测试PC浏览器定位</title><body>    <p id="demo&…
在h5移动端开发中相信很多朋友跟我一样都会遇到页面底部导航被虚拟键盘顶起的问题,自己在网上找到的解决办法拿出来与大家分享,有不完美之处还望见谅,有更好的解决办法可以贴出来大家一起互相学习!! var oHeight = $(document).height(); //浏览器当前的高度 // 浏览器窗口发生变化时判断 $(window).resize(function(){ if($(document).height() < oHeight){ $('footer').hide(); }else{…
项目简介 最近参加了2017年360前端星计划,完成了一个有趣的UI组件开发大作业,借机和大家分享一下移动端开发的技术啦~~ 本项目采用原生JS和Canvas实现移动端手势密码组件,支持手势密码设置和验证. 先加星后看,年薪百万!欢迎大家关注我的github,互相学习~~      demo演示地址:http://tangzhirong.github.io/lock/example/demo.html      项目github地址:https://github.com/tangzhirong/…
查看thinkphp版本号方法 打开文件“根目录\ThinkPHP\ThinkPHP.php”下的文件ThinkPHP.php,在22--23行可以看到版本信息THINK_VERSION,如下图: 说明:此方法不破坏原有的Thinkphp框架,对以后框架升级没影响,并且可以共用前台的model和controller,减少代码的繁琐重复: 第一步:新建 ismobile() 函数文件function.php,加入到目录“根目录\Application\Home\Common\”下 function…
阻止pc端浏览器缩放js代码 众所周知:移动端页面禁止用户缩放界面只需加上<meta name="viewport" content="user-scalable=0">即可,但是pc端确实比较麻烦,用户可以通过如下几种方式来缩放: windows: ctrl + +/- ctrl + 滚轮 浏览器菜单栏 mac: cammond + +/- 浏览器菜单栏 由于浏览器菜单栏属于系统软件权限,没发控制,我们着手解决ctrl/cammond + +/- 或…
本教程基于phpWeChat核心框架1.1.0+版本.下载地址:http://s.phpwechat.com/app_38026ed22fc1a91d92b5d2ef93540f20 通过前面六讲的系列教程,我们完成了一个包含后台的文章管理模块.但,phpWeChat的初衷并不仅限于此,帮您迅速创建一个PC网站+微信公共号才是满足时代需求的模块. 今天,我们开始<10天学会phpWeChat>的第七讲:创建一个自适应PC网站+H5移动端的模块. 还以我们一开始创建的hello world模块为…
今天要给大家分享一段PHP代码,该代码的功能是用来判断访客是否移动端浏览器访问,该功能的实现思路是通过HTTP_X_WAP_PROFILE. HTTP_VIA.HTTP_USER_AGENT等信息来判断访客是否通过移动端浏览器访问PHP网站.以下是PHP代码: /** * 是否移动端访问访问 * * @return bool */ function isMobile() { // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERVER['HTTP_X_…
恩布企业IM的 Android 安卓开源手机client EntboostIM 公布 1.3 版本号.同一时候恩布IM服务端更新至 1.12 版本号; 安卓端主要更新内容: 添加收发手机文件功能: 登录界面.帐号框的右边加一个Xbutton,能够清空帐号内容: 添加加入好友,两方验证功能,支持须要验证好友和不须要验证好友二种模式,方便运营平台管理: 完好好友(联系人)管理功能.如添加好友分组管理功能,优化界面显示和功能操作. 其它完好和优化.如企业部门添加在当前界面查看部门成员功能,修正部分BU…
杭州蓝松科技推出的安卓端的USB转串口调试助手, 欢迎下载使用 下载地址:http://files.cnblogs.com/guobaPlayer/%E8%93%9D%E6%9D%BEUSB%E4%B8%B2%E5%8F%A3%E5%8A%A9%E6%89%8Bv1.1.apk 杭州蓝松科技: 专注于android软硬件, WIFI,蓝牙灯项目的外包开发工作, 已经完成的有 多媒体系统跑步机(带android系统)软硬件开发, 多媒体教学平台(全志A20)平台的开发. WIFI 模块, wifi…
最近项目上与安卓端做JSON数据交互,使用的SSM框架,刚开始的时候感觉很简单,想着不就是把安卓端的JSON数据封装为Bean类对象吗? 于是就这样写了 可是这样一直报400,百度原因是因为请求url中没有与ReturnInfo相匹配的参数,这时候我的尴尬症就犯了,感觉有点超出掌控的意思. 然后思前想后决定把@requestBody注解去掉,可是去掉之后访问是能访问,根本获取不到数据啊,然后就各种迷茫各种实验了. 整了一天多,就在今天下午做安卓的同事告诉我安卓端是把JSON数据封装在请求请求中的…
<顺便游旅行>是一款H5移动端旅行app,提供目的地(国内.国外.周边)搜索.旅游攻略查询.游记分享.私人定制4大模块,类似携程.同程.去哪儿.马蜂窝移动端,只不过顺便游app界面更为简洁. HTML5+css3+jQ+rem响应式+xwpop,其中xwpop是自己开发的一个移动端弹窗(9大自定义接口功能),app界面精美.代码优雅.              …
自微信生态圈一步步强大后,关于移动端购物的趋势,逐渐成为大众关心的内容,目前市场上关于移动商城的制定就有大量版本,比如.微商城.移动商城.移动webAPP.微信商城各等各种定义层出不穷,这就对于移动端电商的发展起到个很好的催化剂.之前对于H5移动端的开发也做过一些项目,这段时间就整理之前的知识,做了个功能更加完善的一个webApp移动端微商城,算是一个不错的H5+css3项目案例实战. 项目截图:…
最近项目上与安卓端做JSON数据交互,使用的SSM框架,刚开始的时候感觉很简单,想着不就是把安卓端的JSON数据封装为Bean类对象吗? 于是就这样写了 可是这样一直报400,百度原因是因为请求url中没有与ReturnInfo相匹配的参数,这时候我的尴尬症就犯了,感觉有点超出掌控的意思. 然后思前想后决定把@requestBody注解去掉,可是去掉之后访问是能访问,根本获取不到数据啊,然后就各种迷茫各种实验了.整了 一天多,就在今天下午做安卓的同事告诉我安卓端是把JSON数据封装在请求请求中的…
X5内核  请求超时后会自动阻止请求返回并由代理服务器将原参数重新发送请求到服务层代码.但由于第一次请求已经请求到服务器,会导致出现重复下单.支付等重大问题. 该问题由于腾讯x5浏览器会自动阻止第一次请求返回到页面,届时将抛出io异常.最开始打算通过拦截器来进行拦截第二次请求,但这样将使页面无法接受到返回信息报错. 初步解决思路 当第二次请求访问进服务层时暂停该线程,并定时循环查询第一次请求是否返回成功,将第一次返回成功的结果赋值给第二次. 由于我们系统中所有页面请求都会过一个通用control…