Safara浏览器两指缩小

解决ios10及以上Safari双击和双指缩放无法禁止的问题

移动端web缩放有两种: 1.双击缩放: 2.双指手势缩放. 在iOS 10以前,iOS和Android都可以通过一行meta标签来禁止页面缩放 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 但iOS 10开始,meta设置在Safari内无效了. 后来在网上看到一个解决方案: w

Swift基础之两指拉动图片变大变小

我们在使用APP的时候,有时会发现有些图片可以通过两指进行放大.缩小,今天就实现这样的一种效果,比较简单,不喜勿喷.... var imageVi:UIImageView! = nil var myScrollV:UIScrollView! = nil override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view

Android 单指触控拖拽，两指触控缩放

import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.MotionEvent; import android.view.View; import android.view.Window; import android.widget.FrameLayout; import android.widget.FrameLayout.LayoutParams;

edge浏览器两个标签页localStorage不同步，解决办法

今天遇到个奇怪的问题,edge两个标签页之间的localStorage值不同步,网上说ie和edge如果想让localStorage值同步,需要主动出发localStorage的change事件 window.addEventListener('storage',()=>{ // console.log("storerage变化了") 监听localstorage值变化,使edge浏览器的localstorage同步 }) 加一个空的监听事件,就可以做到,让两个标签页之间的loc

es6 Object.assign ECMAScript 6 笔记（六） ECMAScript 6 笔记（一） react入门——慕课网笔记 jquery中动态新增的元素节点无法触发事件解决办法响应式图像弹窗细节微信浏览器——返回操作 Float 的那些事 Flex布局 HTML5 data-* 自定义属性参数传递的四种形式

es6 Object.assign 目录一.基本用法二.用途 1. 为对象添加属性 2. 为对象添加方法 3. 克隆对象 4. 合并多个对象 5. 为属性指定默认值三.浏览器支持 ES6 Object.assign 一.基本用法 Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target).它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象.只要有一个参数不是对象,就会抛出TypeError错误. var target

移动浏览器Chrome 32 for Android移除300ms点击推迟

在手机浏览器的一篇文章翻译300ms延迟实用文章,原文地址 http://updates.html5rocks.com/2013/12/300ms-tap-delay-gone-away 去掉移动设备浏览器上的300ms点击延迟你能够在站点上找到非常多关于在为了高速流畅的站点用户体验.在某个地方降低10ms或90ms的文章.不幸的是.在基于触屏的跨平台移动浏览器上,触碰或点击一个物体时有一个人为的300ms延迟,即300ms后浏览器才觉得是一个点击事件.当人们觉得移动Web应用比原生应用慢时

两个 viewports 的故事-第二部分

原文链接:A tale of two viewports — part two 译者:nzbin 在这个迷你系列中,我将解释 viewports 和各种重要元素的宽度是如何工作的,比如说 <html> 元素,窗口以及屏幕. 我们将在本页讨论移动浏览器.如果你是刚刚接触移动端,我建议你首先阅读关于桌面浏览器的第一部分.这会让你在熟悉的环境中循序渐进. 移动浏览器的问题手机浏览器与桌面浏览器的最大不同就是屏幕尺寸.对于一个基于桌面优化的网站,移动浏览器的显示效果明显不如桌面浏览器,要么缩小后文字

各大浏览器内核特性及对应的Browserhacks举例

1.浏览器内核指的是什么? 简化的浏览器=用户界面+渲染引擎+js解析引擎+数据存储+网络部件而通常所说的浏览器内核指的是页面渲染引擎(rendering engine). 2.渲染引擎 The rendering engine 渲染引擎的职责就是渲染,即在浏览器窗口中显示所请求的内容. 默认情况下,渲染引擎可以显示html.xml文档及图片,它也可以借助插件(一种浏览器扩展)显示其他类型数据,例如使用PDF阅读器插件,可以显示PDF格式. 各大厂商依据W3C标准有各自的代码实现,开发了很多种

现代浏览器内置的可等效替代jQuery的功能

jQuery的体积在不断的增大.新功能要不断增加,这是必然结果.虽然从版本1.8.3开始的瘦身效果明显,但不可否认的是,对于移动手机端的网页开发,它仍然是不可接受的.当然,jQuery不是铁板一块,你可以对它进行定制,只打包进你想要的组件,但其中的一些用来兼容老式浏览器的代码你无法去除. 就我的个人习惯来说,不管开发什么项目,即使是一个很简单的demo,我做的第一件事就是引入jQuery,这样做主要是想使用它提供的DOM选择器功能.对于一些像IE6/IE7这样的老式浏览器,这种做法是显而易

[C# 网络编程系列]专题四：自定义Web浏览器

转自:http://www.cnblogs.com/zhili/archive/2012/08/24/WebBrowser.html 前言: 前一个专题介绍了自定义的Web服务器,然而向Web服务器发出请求的正是本专题要介绍的Web浏览器,本专题通过简单自定义一个Web浏览器来简单介绍浏览器的工作原理,以及帮助一些初学者揭开浏览器这层神秘的面纱(以前总感觉这些应用感觉很深奥的,没想到自己也可以自定义一个浏览器出来),下面不啰嗦了,进入正题. 一.Web浏览器的介绍 Web浏览器是指可以显示Web

Web 项目系列之浏览器机制（一）

目录: ——初步认识浏览器 ——浏览器的渲染机制 ——浏览器的缓存机制正文: 初步认识浏览器想来任何一位读者,对浏览器都不会陌生.除开IT相关人员常用的Chrome(谷歌,Google).Firefox(火狐,Mozilla).IE(微软),大多国内用户可能更熟悉诸如百度浏览器.360浏览器.QQ浏览器.猎豹浏览器.UC浏览器…… (ps:以上排名不分先后) OK,请打量您当前使用的浏览器——我们先认识一下浏览器的概念: 浏览器是指能够显示HTML文件内容,并让用户能够与这些文件进行交

在viewPager中双指缩放图片，双击缩放图片，单指拖拽图片

我们就把这个问题叫做图片查看器吧,它的主要功能有: (项目地址:https://github.com/TZHANHONG/ImageViewer/releases/tag/1.0,里面的MyImageView压缩包便是) 1.双击缩放图片. 2. 双指缩放图片. 3.单指拖拽图片. 为此这个图片查看器需要考虑以下的技术点: 一.双击缩放图片: 1.如果图片高度比屏幕的高度小得多,那么就将图片放大到高度与屏幕高度相等,否则就放大一个特定的倍数. 2.如何判断是否到达这个倍数来停止缩放. 3.判断完

转：【专题四】自定义Web浏览器

前言: 前一个专题介绍了自定义的Web服务器,然而向Web服务器发出请求的正是本专题要介绍的Web浏览器,本专题通过简单自定义一个Web浏览器来简单介绍浏览器的工作原理,以及帮助一些初学者揭开浏览器这层神秘的面纱(以前总感觉这些应用感觉很深奥的,没想到自己也可以自定义一个浏览器出来),下面不啰嗦了,进入正题. 一.Web浏览器的介绍 Web浏览器是指可以显示Web服务器或者本地文件系统中的Html文件内容,并让用户与这些文件交互的一种软件,它是网络服务的客户端浏览程序,可向Web服务器发送请求,

巨蟒python全栈开发数据库前端6:事件onclick的两种绑定方式&&onblur和onfocus事件&&window.onload解释&&小米商城讲解

1.回顾上节内容(JavaScript) 一.JavaScript概述 1.ECMAScript和JavaScript的关系 2.ECMAScript的历史 3.JavaScript是一门前后端都可以写的一门语言,操作和浏览器的一些交互的内容,也可以操作文档树,html其实就是一颗文档树. 4.ES6就是指ECMAScript6 尽管ECMAScript是一个重要标准,但它并不是JavaScript唯一的部分,当然,也不是唯一被标准化的部分,实际上一个完整的JavaScript实现由以下3个部分

缩小javascript文件大小之缩编、混淆

写前端的相信都遇到过要提高网页的性能,其中javascript文件越小,浏览器的下载速度面对文件的读取和解析就更快.而一般我们在开发又需要一定的代码规范来使我们的代码更加的容易维护和读懂,但是大量空格和换行又会加大文件的大小,所以在发布时进行缩编或者混淆可以减小javascript的大小,提高效率. 一.缩编缩编就是去掉javascript代码中的空格和换行符,从而减小文件大小的目的.我们可以使用JSMin来进行代码缩编. JSMIN的安装安装node 安装npm 安装JSMIN 命令行:n

专题四：自定义Web浏览器

前言: 前一个专题介绍了自定义的Web服务器,然而向Web服务器发出请求的正是本专题要介绍的Web浏览器,本专题通过简单自定义一个Web浏览器来简单介绍浏览器的工作原理,以及帮助一些初学者揭开浏览器这层神秘的面纱(以前总感觉这些应用感觉很深奥的,没想到自己也可以自定义一个浏览器出来),下面不啰嗦了,进入正题. 一.Web浏览器的介绍 Web浏览器是指可以显示Web服务器或者本地文件系统中的Html文件内容,并让用户与这些文件交互的一种软件,它是网络服务的客户端浏览程序,可向Web服务器发送请求,

JavaScript 浏览器事件解读

1. 事件基本概念事件是指在文档或者浏览器中发生的一些特定交互瞬间,比如打开某一个网页,浏览器加载完成后会触发 load 事件,当鼠标悬浮于某一个元素上时会触发 hover 事件,当鼠标点击某一个元素时会触发 click 事件等等. 事件处理就是当事件被触发后,浏览器响应这个事件的行为,而这个行为所对应的代码即为事件处理程序. 2. 事件操作:监听与移除监听 2.1 监听事件浏览器会根据一些事件作出相对应的事件处理,事件处理的前提是需要监听事件,监听事件的方法主要有以下三种: 2.1.1 H

python Web抓取（二）selenium模块的使用、对浏览器的按键操作及错误处理

建议以下帖子: 教你在Windows上搭建Python+Selenium环境:https://blog.csdn.net/huilan_same/article/details/52888262 python webdriver 的异常:https://blog.csdn.net/huilan_same/article/details/52815047 Selenium库的使用:https://blog.csdn.net/weixin_36279318/article/details/79475

ios 双指捏合放大缩小图片的例子

图片跟随双指捏合的距离放大或者缩小. 利用-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event 实现. touchesMoved每当手指在屏幕上移动的时候都会运行. 1.检测手指的个数 NSArray * touchesArr=[[event allTouches] allObjects];NSLog(@"手指个数%d",[touchesArr count]); 2.检测两指的坐标,从而计算两指的距离. p1=

《浏览器工作原理与实践》<01>Chrome架构：仅仅打开了1个页面，为什么有4个进程？

无论你是想要设计高性能 Web 应用,还是要优化现有的 Web 应用,你都需要了解浏览器中的网络流程.页面渲染过程,JavaScript 执行流程,以及 Web 安全理论,而这些功能是分散在浏览器的各个功能组件中的,比较多.比较散,要怎样学习才能掌握呢?通过浏览器的多进程架构的学习,你就可以把这些分散的知识点串起来,组成一张网,从而让自己能站在更高的维度去理解 Web 应用. 因此,学习浏览器的多进程架构是很有必要的.需要说明的是,在本专栏中,我所有的分析都是基于 Chrome 浏览器的.那么多

深入浏览器工作原理和JS引擎（V8引擎为例）

浏览器工作原理和JS引擎 1.浏览器工作原理在浏览器中输入查找内容,浏览器是怎样将页面加载出来的?以及JavaScript代码在浏览器中是如何被执行的? 大概流程可观察以下图: 首先,用户在浏览器搜索栏中输入服务器地址,与服务器建立连接: 服务器返回对应的静态资源(一般为index.html): 然后,浏览器拿到index.html后对其进行解析: 当解析时遇到css或js文件,就向服务器请求并下载对应的css文件和js文件: 最后,浏览器对页面进行渲染,执行js代码: 那么在输入服务器地址,

巴特西