Website Debugger For Natural Language Translation And Localization

Disclosed technology for accurate translation of elements in a web application includes systems and methods of efficiently debugging translations for error-free localization, including using a translation debugger; comparing a source language file and a translated language file of string properties and other elements of a UI; and generating in a WYSIWYG panel of the UI, visual coding of the string properties and the other elements. The visual coding distinguishes among characteristics relating to translation states, accepting edits to string properties in a string property edit pane, displaying modified string properties in the WYSIWYG panel, and exporting an ad hoc changes list produced by the edits. Characteristics relating to translation states include string properties modified during prior debugging sessions, string properties added or modified by on-the-fly edits during debugging, distinct marking of translated string properties, string properties intended to be but not translated, and other elements not intended to be translated.