skip to main content
10.1145/1772690.1772700acmotherconferencesArticle/Chapter ViewAbstractPublication PagesthewebconfConference Proceedingsconference-collections
research-article

Dynamic and graphical web page breakpoints

Published: 26 April 2010 Publication History

Abstract

Breakpoints are perhaps the quintessential feature of a de-bugger: they allow a developer to stop time and study the program state. Breakpoints are typically specified by selecting a line of source code. For large, complex, web pages with multiple developers, the relevant source line for a given user interface problem may not be known to the developer. In this paper we describe the implementation of breakpoints in dynamically created source, and on error messages, network events, DOMmutation, DOMobject property changes, and CSS style rule updates. Adding these domain-specific breakpoints to a general-purpose debugger for Javascript allows the developer to initiate the debugging process via Web page abstractions rather than lower level source code views. The breakpoints are implemented in the open source Fire-bug project, version 1.5, for the Firefox Web browser.

References

[1]
J. J. Barton and J. Odvarko. Firebug breakpoints demo, 2009. http://getfirebug.com/doc/breakpoints/demo.html.
[2]
J. Heuser. Just in time loader for javascript, 2007. http://www.felocity.org/blog/article/just_in_time_loader_for_javascript/.
[3]
J. Hewitt. Firebug: Web development evolved, 2007. http://getfirebug.com.
[4]
J. Hewitt. DOM Inspector, 2009. http://en.wikipedia.org/wiki/DOM_Inspector.
[5]
A. J. Ko and B. A. Myers. Debugging reinvented: asking and answering why and why not questions about program behavior. In ICSE '08: Proceedings of the 30th international conference on Software engineering, pages 301--310, New York, NY, USA, 2008. ACM.
[6]
A. J. Ko, B. A. Myers, S. Member, M. J. Coblenz, and H. H. Aung. An exploratory study of how developers seek, relate, and collect relevant information during software maintenance tasks. IEEE Transactions on Software Engineering, 32:971--987, 2006.
[7]
B. Lewis. Debugging backwards in time. In Fifth International Workshop on Automated Debugging (AADEBUG 2003), 2003. http://xxx.lanl.gov/abs/cs.SE/0309027/.
[8]
H. Lieberman and C. Fry. Bridging the gulf between code and behavior in programming. In CHI'95: Human Factors in Computing Systems, pages 480--486. ACM Press, 1995.
[9]
A. Lienhard, T. Girba, and O. Nierstrasz. Practical object-oriented back-in-time debugging. In ECOOP'08: Proceedings of the 22nd European conference on Object-Oriented Programming, pages 592--615, Berlin, Heidelberg, 2008. Springer-Verlag.
[10]
J. Odvarko. Firecookie, 2009. http://www.softwareishard.com/blog/firecookie/.
[11]
S. Oney and B. Myers. Firecrystal: Understanding interactive behaviors in dynamic web pages. In IEEE Symposium on Visual Languages and Human-Centric Computing, 2009.
[12]
T. Pixley. Document object model (dom) level 2 events specification, 2000. http://www.w3.org/TR/DOM-Level-2-Events/.
[13]
J. Ross and B. Eich. Bug 307984 - line numbers in errors from evalinsandbox are incorrect, 2005. https://bugzilla.mozilla.org/show_bug.cgi?id=307984.
[14]
J. Singer, T. Lethbridge, N. Vinson, and N. Anquetil. An examination of software engineering work practices, 1997.
[15]
D. Ungar, H. Lieberman, and C. Fry. Debugging and the experience of immediacy. Commun. ACM, 40(4):38--43, 1997.
[16]
H. Wu, J. Gray, and M. Mernik. Debugging domain-specific languages in eclipse, 2004.

Cited By

View all
  • (2023)Benefits, challenges, and usability evaluation of DeloreanJS: a back-in-time debugger for JavaScriptPeerJ Computer Science10.7717/peerj-cs.12389(e1238)Online publication date: 24-Feb-2023
  • (2016)TelescopeProceedings of the 29th Annual Symposium on User Interface Software and Technology10.1145/2984511.2984570(233-245)Online publication date: 16-Oct-2016
  • (2015)UnravelProceedings of the 28th Annual ACM Symposium on User Interface Software & Technology10.1145/2807442.2807468(270-279)Online publication date: 5-Nov-2015
  • Show More Cited By

Recommendations

Comments

Information & Contributors

Information

Published In

cover image ACM Other conferences
WWW '10: Proceedings of the 19th international conference on World wide web
April 2010
1407 pages
ISBN:9781605587998
DOI:10.1145/1772690

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 26 April 2010

Permissions

Request permissions for this article.

Check for updates

Author Tags

  1. breakpoints
  2. css
  3. debugging
  4. dynamic
  5. firebug
  6. html
  7. javascript
  8. web

Qualifiers

  • Research-article

Conference

WWW '10
WWW '10: The 19th International World Wide Web Conference
April 26 - 30, 2010
North Carolina, Raleigh, USA

Acceptance Rates

Overall Acceptance Rate 1,899 of 8,196 submissions, 23%

Contributors

Other Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

  • Downloads (Last 12 months)4
  • Downloads (Last 6 weeks)1
Reflects downloads up to 13 Feb 2025

Other Metrics

Citations

Cited By

View all
  • (2023)Benefits, challenges, and usability evaluation of DeloreanJS: a back-in-time debugger for JavaScriptPeerJ Computer Science10.7717/peerj-cs.12389(e1238)Online publication date: 24-Feb-2023
  • (2016)TelescopeProceedings of the 29th Annual Symposium on User Interface Software and Technology10.1145/2984511.2984570(233-245)Online publication date: 16-Oct-2016
  • (2015)UnravelProceedings of the 28th Annual ACM Symposium on User Interface Software & Technology10.1145/2807442.2807468(270-279)Online publication date: 5-Nov-2015
  • (2012)Object-centric debuggingProceedings of the 34th International Conference on Software Engineering10.5555/2337223.2337280(485-495)Online publication date: 2-Jun-2012
  • (2012)On the analysis of cascading style sheetsProceedings of the 21st international conference on World Wide Web10.1145/2187836.2187946(809-818)Online publication date: 16-Apr-2012
  • (2012)Object-centric debugging2012 34th International Conference on Software Engineering (ICSE)10.1109/ICSE.2012.6227167(485-495)Online publication date: Jun-2012
  • (2011)CrossfireProceedings of the ACM international conference companion on Object oriented programming systems languages and applications companion10.1145/2048147.2048185(115-124)Online publication date: 22-Oct-2011
  • (2010)Comprehending Ajax Web Applications by the DynaRIA ToolProceedings of the 2010 Seventh International Conference on the Quality of Information and Communications Technology10.1109/QUATIC.2010.24(122-131)Online publication date: 29-Sep-2010

View Options

Login options

View options

PDF

View or Download as a PDF file.

PDF

eReader

View online with eReader.

eReader

EPUB

View this article in ePub.

ePub

Figures

Tables

Media

Share

Share

Share this Publication link

Share on social media