企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

web开发的强大的帝国

Date:0103  

TAGS:体验设计,网站设计,北京网站开发

这些天,作为一个开发者并不是一件容易的事。所有的任务和你已经有了应对的挑战之一,你需要处理的错误。这里的摩擦,大部分时间的错误,特别是客户端是最终用户提交的bug。我们看到这3个关键问题:


1:大多数用户不懂技术


这是真的,虽然我们不直接说他们的,我们知道它。用户知道什么是错的,因为该网站是不是为他们工作,但他们不知道为什么,如何解决或如何报告。

试着问你的祖母,例如什么是JavaScript。我相信这会是一个短对话。有些人不知道什么是浏览器。所以他们怎么能正确描述问题?


2:“我”的作品


由于不同的浏览器,标准和开发商,一个用户可以看到完全不同的另一个网站的用户。上次你连一个简单的网站的工作,很容易,在Chrome,Firefox和IE?

所以你可以想象的问题,开发者需要让用户为了重现bug:


  • 这是你设计的吗?

  • 你在做什么?

  • 你选择了错误的东西吗?

  • 你加的街道地址的对吗?

  • 你登录了吗?

我相信你能想到其他人。但即使用户报告的情况是正确的,有多少开发商,或QA,回应:


  • 它在我的机器上工作

这是经常说的那样,你可以在亚马逊买的T恤。对最终用户来说,他们听到的是:


  • 你做错了什么。这不是网站,是你呀!

让我们诚实,它发生


3:最终用户没有bug跟踪系统经验


大多数人谁找到的bug不知道如何报道。尽管大多数公司和项目有丰富的文档,解释如何做,结果仍然是值得怀疑的。

但是我们说我们把客户从方程;什么超级大国将为开发者需要获得所需的信息修正错误,没有问任何人吗?


  • 他们怎么能对客户端的会话的概述,包括:

  • 浏览器分辨率和版本

  • 操作系统和安装版

  • 安装浏览器插件

  • 这实际上产生了错误的步骤

他们怎么能看到通过用户的眼睛,使他们能够了解什么是错的。

blob.png

我们能做什么呢?


老实说,最糟糕的是,大多数用户报告错误是发生在客户端,在前端JavaScript。这是一个残酷的,残酷的地方,远离开发商试图修复它们。

它会很棒的话,不知怎的,开发者可以有超级大国重复,没有要求客户做什么。


这里的解决方案——的usersnap控制台记录器。

你可以阅读更多关于录音机的营销叽里咕噜,但这里有一个简单的总结:


的usersnap控制台记录器保存每一种JavaScript错误。你可以在usersnap仪表板浏览网页开发者控制台如果你使用你的用户的浏览器

每一个错误日志包含NTP同步时间戳,包括JavaScript源文件的全栈,行数和格式如开发者控制台你已经知道谷歌浏览器和Mozilla Firefox的爱

每一个调试日志发布console.log,console.info,console.warn或console.error完全格式化,包括递归对象/阵列格式和浏览

你永远也看不到[对象]地狱中的调试!


  • 现在让我们看一些典型场景。


访问对象的属性定义的或无效的


一些在野外经常发生的是,一个固定的元素应该被另一种元素,滚动时使用“顶”的性质。

但由于标记返工,元素#存在不再存在。这导致offset()返回null和财产上衣不再可以访问:


  • 功能clicky() {控制台信息(“访问一个未定义的对象属性);控制台日志(“计算滚动条顶部%d”,(“不存在”#美元)。offset()。顶部);};

  • 调用未定义对象的方法


这是另一个;你再打一个未定义的对象的方法。


  • 功能clicky2(){控制台信息(“调用一个方法定义的对象”);调整scrollbottom();};

  • 平原的例外


有时你甚至知道在发展过程中,一些可以打破。不知道什么时候好?


  • 功能clicky3(){控制台信息(“抛出一个异常”);抛出“版本不匹配!”;};

  • XHR错误


有时xhrs传递错误,如404(未找到)或500(内部服务器错误)。大部分的时间,这些错误导致的错误,都难以再现。


  • 功能clicky4(){控制台信息(“404我们XHR”);美元阿贾克斯({“URL”:“不_ existing.php”});};

  • 跨域xhrs也麻烦。图像有变化你的跨域XHR CORS头不再工作的任何更多。


  • 功能clicky5(){控制台信息(“跨起源我们XHR”);美元阿贾克斯({“URL”:”http://Facebook.com /交叉的起源”});};

  • javascript xhr errors


  • XHR和时间跟踪

  • 记录在结账的步骤


在大多数企业的转换率是关键。任何用户障碍可以降低税率。例如,它需要很长的时间来加载一个网页或退房时,你有一个错误。


这个简短的例子显示了一个标准的Click处理程序调用getcheckout.php通过XHR。不幸的是,第二XHRconfirm.php失败并抛出一个JavaScript异常。


  • 这很好,但用户没有得到任何反馈;页面只是摊位。


功能结算(){控制台日志(“检查了!”);美元阿贾克斯({URL:“getcheckout .php”,数据类型:“json”})完成(功能(数据){控制台日志(“检查:‰”,数据);确认();});};

功能确认(){confirmservicecheckconfirm();美元阿贾克斯({URL:“确认。PHP”})错误(功能(){抛出“内部服务器错误确认!”;});};

此外,你会得到一个完全同步的时间框架,你的用户的行为(无论是否在用户的浏览器的时间是否正确!)。


对象的全格式支持(控制台日志(“签出:‰”数据);)超级方便的调试


blob.png

  • 如何开始?


注册一个usersnap帐户,如果你还没有准备好。(包括风险免费试用。去吧)

然后创建一个项目,或者使用一个已经存在的,然后点击齿轮图标在下面的截图中看到


blob.png


然后单击按钮改变控件的外观和感觉在屏幕的右侧,您可以看到下面的截图。

blob.png


你会看到一个屏幕,这样的配置。配置使控制台记录器到打开(放)关闭窗口。现在你可以贴在任何你想要的部件代码页。


blob.png


你的客户只需要按下一个按钮,让你知道错误是。我们知道你一定会留下深刻的印象。

欢迎转载!请注明原文地址:http://www.yzlink.cn/i,72,7017,0.html

客户评价

更多+
  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

  • 这家公司建站非常好,我感觉是在建站行业里面比较专业的了,性价比也比较高,值得合作的公司哦。

    段经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。
嘿,我来帮您!