web

You’re offline. This is a read only version of the page.

News and Announcements icon

Power Platform CommunityForums Power Pages Capturing front end JS...

Power Pages

Suggested Answer

Capturing front end JS errors?

(1) Share

Report

Report

Posted on by AJ-09040936-0

With Javascript generally recommended as the solution to most validation/visibility/manipulation in Power Pages, has anyone looked at capturing errors and logging them if they occur on the frontend?

Categories:

I have the same question (0)

All responses Img

All responses (1)

Answers Img

Answers (0)

Suggested answer

ArchitectMadhan 1,584 on at

Like (0)

Report
Copy link

Link copied!
Capturing and logging frontend JavaScript errors is a great way to monitor and improve the user experience on your Power Pages. Here are some methods to achieve this:
Using window.onerror
The window.onerror event handler can be used to catch and log errors globally. Here's a basic example:
window.onerror = function(message, source, lineno, colno, error) {
    // Log the error details
    console.log(`Error: ${message} at ${source}:${lineno}:${colno}`);
    // Send error details to the server
    fetch('/logError', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({
            message: message,
            source: source,
            lineno: lineno,
            colno: colno,
            error: error ? error.stack : null
        })
    });
    // Prevent default error handling
return true;
};
Using Error Monitoring Tools
There are several tools available that can help you capture and log frontend errors more efficiently:

Sentry: Provides detailed error tracking and monitoring, allowing you to trace errors through your stack.

TrackJS: Captures JavaScript errors and groups occurrences of the same error together.

Rollbar: Offers real-time error tracking and grouping of similar errors.

Explanation

window.onerror: This method captures errors globally and logs them to the console. It also sends the error details to a server endpoint for further analysis.

Error Monitoring Tools: These tools provide more advanced features like error grouping, real-time monitoring, and detailed stack traces.

If you find this solution useful, please like it and accept it as answer.

-ArchitectMadhan

Was this reply helpful? Yes No

Join the conversation

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Subscribe to this forum!

Stay up to date on forum activity by subscribing.

Leaderboard > Power Pages

#1

#2

#2

oliver.rodrigues 35 Most Valuable Professional

Last 30 days Overall leaderboard

Featured topics

Solution to LinkedIn Authentication in Power Apps Portals

Welcome to the Power Pages forum!

Product updates

Microsoft Power Platform Community release plans