170
在前面的帖子,我们已经向您展示了如何执行 同步测试 使用 浏览器同步 。 如果你已经发布后,你会发现“同步测试”将提高你的开发工作流程的测试在多个浏览器和设备同时移动设备优化的网站。
交互在浏览器刷新,点击,填写表单 实时反映整个浏览器和连接设备吗 。
但是我们知道每个人都有自己的工作风格。 一些人可能更喜欢使用命令行,而有些人可能更喜欢使用一个应用程序 有图形界面 因为这是对他们更直观。 所以,广州公司网站制作在这篇文章中,我们将向你们展示的另一种选择做同步测试使用一个应用程序调用 Ghostlab 。 让我们看一看。
Ghostlab 代价49美元对于一个单独的许可,可以用于两台电脑。 它还提供了一个试用版的所有功能,所以你可以探索它在决定购买之前。
它是用于Windows和mac OS X。 抓住它这里 。 每你的操作系统安装程序,然后启动它。
我们已经准备好使用Ghostlab。
我们要做的第一件事是向Ghostlab添加我们的项目。 有两个选择:我们可以拖放项目目录到应用程序的窗口,或者我们可以复制粘贴项目的URL地址,。
Ghostlab注册所有添加的项目如下
我们也可以拖放项目列表切换他们的位置。
此外,我们可以配置每个项目。 移动鼠标光标置于项目图标,它就会变成一个齿轮图标。 点击图标来扩大它的配置选项显示在一个标签数组。
在这些标签,我们可以打开或关闭Ghostlab服务器,选择浏览器查看项目,改变项目名称或网址等。
正如我们广州公司网站制作上面提到的,Ghostlab配有内置服务器的工作 静态网站 (只有HTML和CSS) 动态网站 构建PHP、Ruby等等。一旦配置都设置好了,我们可以继续把服务器。 这样做,您可以简单地单击箭头图标的项目列表。
“on”服务器时,您将看到显示通知 服务器URL和端口 在应用程序窗口的左下角。 单击火箭图标启动项目的默认浏览器,或点击浏览器图标低于火箭选择其他浏览器。 你不需要复制粘贴URL。
注意: 服务器只适用一个项目。 如果你打开服务器在另一个项目,它将切断旧项目,打开新开一个。
当我们在任何浏览器启动项目,Ghostlab将在右边栏中注册它。
我们可以调试项目每个连接使用Ghostlab内置浏览器/设备 代码检查 。 点击 < > , 代码检查 (这类似于Chrome的)会弹出。
当我们通过DOM树拖网,各自的元素突出显示在浏览器中。
最终,您还可以执行“同步测试” ,类似于浏览器同步。 它会自动刷新浏览器发生更改时,所有的连接。 用户交互和滚动,点击,填写表单也反映在同一时间。
最后认为
我们广州公司网站制作已经向您展示了如何执行“同步测试”都使用一个命令行工具,浏览器同步,并与图形界面应用程序。 两种服务功能很好。 我只有投诉Ghostlab UI似乎有点在OS X的; 不过我相信它看起来不错在Windows。
最后,它是由你来决定哪一个是最适合您的工作流程和预算。
热门分享
最新文章
2019.10.25
广州企业网站设计:通过内部链接增加网站流量
2019.10.12
广州企业网站建设:一个博主的“Off-Publishing”活动
2019.10.12
广州制作网站:在Photoshop中创建一个干净的博客主题
2019.09.09
广州企业建站:开始使用Fullstack Web开发
2019.09.09
广州网站制作设计:如何定制Visual Studio代码
2019.09.05
广州公司网站制作:如何使用Ghostlab执行同步测试吗
2019.09.02
广州网站开发:Pace.js添加自己的页面加载进度条
2019.08.16
广州网站定制:完美CTA按钮的终极用户体验设计
2019.08.16
广州企业网站建设:每个设计师需要的4个基本UX文档
2019.08.16
广州高端建站:进度指标作为网站的重要组成部分
随机推荐
2019.08.14
广州网站制作:如何编写像疯狂一样转换的销售页面
2019.08.15
广州网页设计:什么是有机SEO?
2019.08.09
广州网站建设:强化着色和饱和渐变是一种新趋势
2019.08.14
广州网页设计:19种明智的方式来摧毁你的名单
2019.09.09
广州企业建站:开始使用Fullstack Web开发
2019.08.14
广州做网站:如何创建调查弹出窗口找出访客的秘密思想
2019.08.13
广州网站建设:手动辅助功能测试的重要性
2019.08.16
广州网站制作:理解有影响力的网页设计的色彩心理学
2019.08.16
广州网站建设:在网站设计中巧妙使用地图
2019.08.14
广州网站定制:13个电子邮件可交付性实践提升收件箱范围