分类 前端技术 下的文章

浏览器跨域问题详解

简单请求 对于简单的跨域请求,浏览器会自动在请求的头信息加上 Origin 字段,表示本次请求来自哪个源(协议 + 域名 + 端口),服务端会获取到这个值,然后判断是否同意这次请求并返回。 只要同时满足以下两大条件,就属于简单请求。 条件一: 请求方法只有HEAD/GET/POST中的一个 条件二: HTTP的头信息不超出以下几种字段 Accept、Accept-Language、Conte...

继续阅读 »

摇一摇事件 DeviceOrientation 和 DeviceMotion

起因 在做大屏幕项目时,与用户互动部分包括摇一摇功能,但发现页面中摇一摇在手机上无效,怎么调试都不管用。查了半天资料才清楚其原因,于是记录下来。 设备方向和运动监听 html 5 提供了一些方法在移动端获得设备方向及运动(因为他是依赖传感器硬件的,pc没有也不存在抱着台式机跑来跑去场景)。传感器包括陀螺仪、加速器和磁力仪(罗盘)。 DeviceMotionEvent 事件 在设备发生摆动、运...

继续阅读 »

vuejs根据环境自动更换打包地址

项目需求 本地测试,测试服务器,线上服务器,用vuejs在不同平台上运行时都需要单独打包。那么如何实现一次打包在多个平台运行呢; http与https访问时容易出现跨域问题,根据环境判断协议是否正确; 原理 获取当前访问域名,根据域名判断是否包含在服务器地址变量中,如果有则使用该服务器地址,否则使用默认配置地址。 解决方案 //1.定义所有环境服务器地址 const server={...

继续阅读 »

常见浏览器修改User-Agent的方法

常见浏览器修改User-Agent的方法 Chrome 依次打开 开发者工具 > More tools(更多工具) > Network conditions(网络状态),在User agent中选择或自定义相应值。 Firefox 在地址栏输入about:config,回车后打开配置编辑器,输入general.useragent.override创建该首选项,数据类型为字符串,再...

继续阅读 »