2011年1月4日,星期二

SP2010 AJAX第7部分:构建AJAX应用程序时的有用工具

  1. 将双色球推荐一注精简为基本要素 (技术)
  2. 使用JavaScript Client OM处理列表 (技术)
  3. 结合使用双色球推荐一注 AJAX和HTTP处理程序 (技术)
  4. 从HTTP处理程序返回JSON (技术)
  5. 为客户端OM和双色球推荐一注启用Intellisense (小费)
  6. 调试双色球推荐一注 / JavaScript (小费)
  7. 构建AJAX应用程序时的有用工具(小费) - 本文
  8. 将现有应用程序迁移到双色球推荐一注 / AJAX

在这个‘quick 小费’我想向您展示我在SharePoint 2010之上构建AJAX应用程序时可能使用的工具。在大多数情况下,‘core’使用的工具是调试器,正如我们上次讨论的那样,可以是Firefox / Firebug或IE开发人员工具,具体取决于您的偏好–这里的工具使这一点更进一步。实际上他们’不以任何方式专门针对SharePoint,以及 伊莱贾庄园 有一个更全面的钻探 调试双色球推荐一注 我上次推荐的文章– I’我只是添加我的观点,认为这对我的旅程特别有帮助。而且由于我的分析告诉我(在撰写本文时),只有3%的人阅读了该文章,然后点击了该链接,因此我不妨尽我所能来传播此信息。

这里推荐的所有工具都是Firebug附加组件(本身是Firefox的附加组件)–可以肯定地说,Firefox当前为IE提供了卓越的JavaScript开发/调试体验。

工具#1– Firefinder

Firefinder专门帮助您调试双色球推荐一注选择器–这通常是第一步,以找出为什么您的按钮单击事件(或类似事件)不是’不会发生。 Firefinder特别能够使用有效的CSS选择器的选择器(请记住,双色球推荐一注使用CSS选择器,但添加了一些选择器’自己的),但在大多数情况下,这就是您所需要的。此外,它还具有XPATH功能,如果您’重新使用双色球推荐一注 XPATH插件(或者仅通过XHTML使用XPATH)。 Firefinder在Firebug中显示为选项卡–只需输入您元素的ID / CSS类/ XPATH’重新尝试选择,双色球推荐一注会用红色的虚线边框突出显示所有匹配项:

通过CSS类选择:

探火器ByCssClass

通过HTML ID选择:

寻火者

的‘Inspect’链接特别有用,因为它可以直接将您带到Firebug中的那个地方’s HTML view:

FirefinderInspectHtml

工具#2– 火查询

继续说明为什么不创建双色球推荐一注事件的示例’触发时,FireQuery非常棒,它可以向您显示哪些事件已绑定到哪些HTML元素。考虑到双色球推荐一注的简洁特性意味着事件是分别绑定的,并且您的HTML是完全‘pure’ with no nasty 点击 属性破坏了表示和行为逻辑的分离。当然,这确实意味着您不能本地‘see’如果控件附加了双色球推荐一注事件。输入 火查询 – it injects text into the HTML view in Firebug to show you where your events are on the page. Here I can 看到 that the button I’我正在查看的事件绑定了click事件:

火查询ShowingEvents

那’今天就可以了。再次,我强烈建议您查看伊莱贾庄园’s 如何调试您的双色球推荐一注代码 文章。

下次: 将现有应用程序迁移到双色球推荐一注 / AJAX

没意见: