网站设计

Website development

web开发的强大的帝国

发布时间：2017-01-03 09:57:56

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

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

1：大多数用户不懂技术

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

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

2：“我”的作品

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

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

这是你设计的吗？
你在做什么？
你选择了错误的东西吗？
你加的街道地址的对吗？
你登录了吗？

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

它在我的机器上工作

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

你做错了什么。这不是网站，是你呀！

让我们诚实，它发生

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

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

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

他们怎么能对客户端的会话的概述，包括：
浏览器分辨率和版本
操作系统和安装版
安装浏览器插件
这实际上产生了错误的步骤

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

我们能做什么呢？

老实说，糟糕的是，大多数用户报告错误是发生在客户端，在前端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”}）错误（功能（）{抛出“内部服务器错误确认！”；}）；}；

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

对象的全格式支持（控制台日志（“签出：‰”数据）；）超级方便的调试

如何开始？

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

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

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

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

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

原创不易，未经授权，严禁转载

原文地址：https://www.yzlink.cn/i,72,7017,0.html

上一篇：一步引导CodeIgniter的有效使用步骤

下一篇：简化WEB开发的CHROME扩展

您还有可能感兴趣的内容

建站流程

Website development

网站需
求分析
网站策
划方案
页面风
格设计
程序设
计研发
资料录
入优化
确认交
付使用
后续跟
踪服务
+86 10 64758810
18510861135

热门标签

Website development

客户评价

更多+

感谢云智互联，系统提前完成，在整个项目周期内，云智互联对待我们并不像是对待客户，更像是朋友一样，每一次，都能以专业的角度向我们提出更合理、更有效的解决方案，并快速、细致地完成我们的每一个需求，再次感谢以至诚之心做事的云智互联团队。

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

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

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

张经理