Welcome!

Blog Feed Post

Source map support for JavaScript error analysis

Having all detail related to detected JavaScript errors immediately available makes it easy to analyze, reproduce, and ultimately fix errors that affect your users. The latest Dynatrace release takes JavaScript error analysis to the next level with the introduction of support for JavaScript source maps.

When JavaScript is deployed into production within modern web applications, it’s typically “minified” or transformed in some way to improve performance (see example minified JavaScript file highlighted in image below).

While this approach to JavaScript does result in improved performance, it has a downside. Transformed JavaScript sources are not human-readable, and so are difficult to debug. Dynatrace source maps can now be used to map such transformed JavaScript files back to their original sources (see example below) so that they can be read easily and debugged as necessary. For an explanation of the basic concepts involved to source maps, see the article Introduction to JavaScript Source Maps on HTML5.com.

Dynatrace JavaScript error analysis

Considering the wide range of mobile devices and web browsers that are in use today, JavaScript error detection and automated analysis is a crucial aspect of your application’s real user experience. This is why Dynatrace intelligently groups JavaScript errors, displays their Frequency, Origin (1st party or 3rd party), and the number of user actions that are affected by each error.

Let’s take a look at how Dynatrace tracks down and analyzes JavaScript errors using the new source map support.

To analyze a JavaScript error using source map support

  1. Select Applications from the navigation menu.
  2. On the Applications page, select the application you want to analyze.
  3. Click the JavaScript errors tile in the infographic to display the Top 10 JavaScript errors and click View full details.
  4. Click any error within the Top JavaScript errors list to view full details of the error. In the Error details section of each Top JavaScript errors page, you can now view the corresponding stack trace of the selected JavaScript error. Details are grouped by browser type. Notice that the individual stack frames have the status Not analyzed. To open these stack frames for analysis, click the Analysis expand buttons. 
  5.  As you can see below, Dynatrace attempts to automatically fetch any available source maps related to this error. If a source map is found, you’ll see the origin of the detected source map and the location of the error in the original JavaScript file. If a source map isn’t detected, click the Upload source map button and manually upload the corresponding source map.
  6. Source maps may include the original JavaScript code. When this is the case, you’ll see a stack trace with the line of code that generated the error highlighted (see example below). If the source map doesn’t include the original JavaScript code, click the Upload source files button to upload the original JavaScript files.

As you can see, JavaScript error analysis provides all the information you need to track down errors in your JavaScript files. Just step through the stack trace by expanding the individual stack frames.

Note: Following manual upload of a JavaScript file for analysis of a specific stack frame, you may notice that other related stack frames are then automatically mapped to the same file. This saves you time when stepping through stack frames. If you run into another error that doesn’t have a corresponding source map, just upload the required files as explained above.

And because Dynatrace JavaScript error analysis takes place on the server-side (rather than locally on the client-side), all insights can be effortlessly shared with your team members.

Upload source maps

To manage and upload source maps, go to Settings > Web and mobile monitoring > Source maps and symbol files.


The post Source map support for JavaScript error analysis appeared first on Dynatrace blog – monitoring redefined.

Read the original blog entry...

More Stories By Dynatrace Blog

Building a revolutionary approach to software performance monitoring takes an extraordinary team. With decades of combined experience and an impressive history of disruptive innovation, that’s exactly what we ruxit has.

Get to know ruxit, and get to know the future of data analytics.

Latest Stories
DX World EXPO, LLC, a Lighthouse Point, Florida-based startup trade show producer and the creator of "DXWorldEXPO® - Digital Transformation Conference & Expo" has announced its executive management team. The team is headed by Levent Selamoglu, who has been named CEO. "Now is the time for a truly global DX event, to bring together the leading minds from the technology world in a conversation about Digital Transformation," he said in making the announcement.
"Space Monkey by Vivent Smart Home is a product that is a distributed cloud-based edge storage network. Vivent Smart Home, our parent company, is a smart home provider that places a lot of hard drives across homes in North America," explained JT Olds, Director of Engineering, and Brandon Crowfeather, Product Manager, at Vivint Smart Home, in this SYS-CON.tv interview at @ThingsExpo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
SYS-CON Events announced today that Conference Guru has been named “Media Sponsor” of the 22nd International Cloud Expo, which will take place on June 5-7, 2018, at the Javits Center in New York, NY. A valuable conference experience generates new contacts, sales leads, potential strategic partners and potential investors; helps gather competitive intelligence and even provides inspiration for new products and services. Conference Guru works with conference organizers to pass great deals to gre...
DevOps is under attack because developers don’t want to mess with infrastructure. They will happily own their code into production, but want to use platforms instead of raw automation. That’s changing the landscape that we understand as DevOps with both architecture concepts (CloudNative) and process redefinition (SRE). Rob Hirschfeld’s recent work in Kubernetes operations has led to the conclusion that containers and related platforms have changed the way we should be thinking about DevOps and...
The Internet of Things will challenge the status quo of how IT and development organizations operate. Or will it? Certainly the fog layer of IoT requires special insights about data ontology, security and transactional integrity. But the developmental challenges are the same: People, Process and Platform. In his session at @ThingsExpo, Craig Sproule, CEO of Metavine, demonstrated how to move beyond today's coding paradigm and shared the must-have mindsets for removing complexity from the develop...
In his Opening Keynote at 21st Cloud Expo, John Considine, General Manager of IBM Cloud Infrastructure, led attendees through the exciting evolution of the cloud. He looked at this major disruption from the perspective of technology, business models, and what this means for enterprises of all sizes. John Considine is General Manager of Cloud Infrastructure Services at IBM. In that role he is responsible for leading IBM’s public cloud infrastructure including strategy, development, and offering m...
The next XaaS is CICDaaS. Why? Because CICD saves developers a huge amount of time. CD is an especially great option for projects that require multiple and frequent contributions to be integrated. But… securing CICD best practices is an emerging, essential, yet little understood practice for DevOps teams and their Cloud Service Providers. The only way to get CICD to work in a highly secure environment takes collaboration, patience and persistence. Building CICD in the cloud requires rigorous ar...
Companies are harnessing data in ways we once associated with science fiction. Analysts have access to a plethora of visualization and reporting tools, but considering the vast amount of data businesses collect and limitations of CPUs, end users are forced to design their structures and systems with limitations. Until now. As the cloud toolkit to analyze data has evolved, GPUs have stepped in to massively parallel SQL, visualization and machine learning.
"Evatronix provides design services to companies that need to integrate the IoT technology in their products but they don't necessarily have the expertise, knowledge and design team to do so," explained Adam Morawiec, VP of Business Development at Evatronix, in this SYS-CON.tv interview at @ThingsExpo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
To get the most out of their data, successful companies are not focusing on queries and data lakes, they are actively integrating analytics into their operations with a data-first application development approach. Real-time adjustments to improve revenues, reduce costs, or mitigate risk rely on applications that minimize latency on a variety of data sources. In his session at @BigDataExpo, Jack Norris, Senior Vice President, Data and Applications at MapR Technologies, reviewed best practices to ...
Widespread fragmentation is stalling the growth of the IIoT and making it difficult for partners to work together. The number of software platforms, apps, hardware and connectivity standards is creating paralysis among businesses that are afraid of being locked into a solution. EdgeX Foundry is unifying the community around a common IoT edge framework and an ecosystem of interoperable components.
"ZeroStack is a startup in Silicon Valley. We're solving a very interesting problem around bringing public cloud convenience with private cloud control for enterprises and mid-size companies," explained Kamesh Pemmaraju, VP of Product Management at ZeroStack, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
Large industrial manufacturing organizations are adopting the agile principles of cloud software companies. The industrial manufacturing development process has not scaled over time. Now that design CAD teams are geographically distributed, centralizing their work is key. With large multi-gigabyte projects, outdated tools have stifled industrial team agility, time-to-market milestones, and impacted P&L stakeholders.
"Akvelon is a software development company and we also provide consultancy services to folks who are looking to scale or accelerate their engineering roadmaps," explained Jeremiah Mothersell, Marketing Manager at Akvelon, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
Enterprises are adopting Kubernetes to accelerate the development and the delivery of cloud-native applications. However, sharing a Kubernetes cluster between members of the same team can be challenging. And, sharing clusters across multiple teams is even harder. Kubernetes offers several constructs to help implement segmentation and isolation. However, these primitives can be complex to understand and apply. As a result, it’s becoming common for enterprises to end up with several clusters. Thi...