有过移动网站开发经历的开发者都知道,在各种设备中测试同一页面是一项非常繁琐的工作.现在,我们可以使用Adobe Edge Inspect来简化这一工作.如果使用Edge Inspect,可以在各种设备的浏览器中同时浏览同一页面.另外,该软件中也提供了用于调试的工具,可以轻松调试页面上所存在的任何问题.Web网站所需支持的设备越多,使用Edge Inspect软件所能节省的时间及工作量也将越多. 本文介绍Adobe Edge Inspect的安装及使用方法.虽然Adobe Edge Inspect…

要用到的内容: Adobe Edge Code CC      https://creative.adobe.com/products/code?promoid=KFKML Adobe Edge Inspect CC   https://creative.adobe.com/zh-tw/products/inspect或者http://html.adobe.com/edge/inspect/ 也可以注册Adobe账号,在creative cloud下载安装包,这两个是免费的,我是从creativ…

Adobe Edge Animate --使用HTML5实现手机摇一摇功能 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. HTML5的发展日新月异,其功能也越来越丰富和完善,比如12年HTML5可支持手机摇一摇功能,本文末尾将附上有关技术问题.现在我们将讲解如何在Edge中使用HTML5实现摇一摇功能. 首先,需要注意的是,并不是所有手机都支持HTML5的摇一摇功能,以下为目前适用范围: 1.  iOS系统(包括ipad,iphone),自带safa…

Adobe Edge Animate –EdgeCommons Log和全局变量设置功能 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 一.Log功能 当工程测试的时候需要使用到Log功能.在EdgeCommons中,比之console.log,可以使用更多Log功能 以下是几个简单的使用EdgeCommons的Logging功能示例: 1.简单的log信息,传递到控制台 EC.info( "Logging with EdgeCommons"…

Adobe Edge Animate –使用EdgeCommons加载和播放音频 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 在Edge中,可以new一个sound对象,来加载一段音频文件,进而控制播放和音量.此外,Edge官方也在EdgeCommons中加入了音频加载和播放控制功能. 控制图:…

Adobe Edge Animate –svg地图交互-精确的边缘及颜色置换 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 上一篇我们说到了使用jquery加载svg图片,能够解决精确的边缘检测问题,本篇将使用另一种方式来添加svg的精确交互. 效果图:…

Adobe Edge Animate –解决图形边缘精确检测问题-通过jquery加载svg图片 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 在edge中,当我们导入一张图片,不管是jpg还是png格式,为图片添加诸如click等事件时,检测的范围总是为矩形,即使将svg图片直接添加到舞台,也是这种情况,那么如果像下图这样一个图片,我们要检测鼠标点击的是五角星还是圆圈部分,这样就涉及到精确判定图形边缘的问题.…

Adobe Edge Animate –修改Edge Commons Spotlight功能,使之能支持播放中国网站视频 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 本例子将为大家讲解如何使用Edge Commons的Spotlight功能. Edge Commons的官方Spotlight功能包括:显示图片.显示html.播放youbube视频三种,在此,将为大家讲解如何修改Edge Commons,来达到播放国内视频门户网站的视频,如:优酷.乐…

Adobe Edge Animate –获取鼠标位置及跟随鼠标功能实现 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 在网络上浏览有关Edge相关问题的时候,看到有人提问如何实现获得鼠标位置的功能,笔者经过一番尝试,终于做出来了,与各位分享之. 效果图:…

Adobe Edge Animate –使用css制作菜单 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 效果图:…