DevTools tab for debugging #79

taneltm · 2025-01-28T11:00:32Z

Adds the "Web eID" tab to the browser's DevTools.

Features:

Event history between the website, extension and native application.
Extension's internal log messages.
Option to override extension settings, without needing to compile the extension yourself.
Option to allow the http://localhost origin when authenticating and signing

The developer tool is disabled by default and needs to be enabled before it can be used.

Firefox

Open [Menu -> Settings -> Extensions and themes]
or navigate to the address about:addons
Open the Web eID extension details
Open the "Permissions" tab
Toggle "Extend developer tools to access your data in open tabs"

Chrome

Open [Settings -> Extensions]
or navigate to the address chrome://extensions/
Open the Web eID extension details
Open "Extension options"
Toggle "Enable developer tools"

Screenshots:
Viewing event sequence and the event objects:

Viewing the extension's internal log messages:

Overriding the extension settings:

Resolves WE2-967
Resolves #40

static/views/devtools/panels/webeid-log.js

mrts · 2025-03-06T11:00:12Z

scripts/build.mjs

+    rem(
+      "Copying static pages to Chrome dist directory"
+    );
+    await cp("./static/views", "./dist/chrome/views");


Do the Firefox consent pages end up in Chrome as well with this?

Yes, installed.html+js ends up in the chrome build, but aren't used. This should be fixed.

svenzik · 2025-03-12T15:16:11Z

Usability suggestions from chrome testing:

Events tab: Reloading the page does not clear the events. There is no button for clearing them (also tested that clearing log does not clear events).

Log tab: Even though there is clear button, the chrome console, network tools etc is cleared each time page is reloaded. I suggest we follow that principle.

Please also consider, If we clear the log tab on reload, then chrome console has a setting preserve log. Should we have similar setting?

taneltm · 2025-03-18T14:10:36Z

Hi @svenzik!

Good point about not having the ability to clear the events! I'll add it as soon as I have a moment.

However, not clearing the logs on page reload was intentional.
When working on single-page apps, it does make sense to clear the logs on reload, but on multi-page websites where, after auth or sign, you are navigated to another page, and then it would be good to keep the logs.
I would like to keep the current behaviour as default and maybe add a "clear on reload" option. That might be a tiny bit annoying for the SPA developers, but I think it's less confusing for others.
I'll discuss this topic with the team next week before making any decisions on this. I appreciate your feedback about it and will keep it in mind - maybe it would be good to follow the browser DevTools pattern... 🤔

Thank you for taking the time to test it!

src/shared/utils/isLoopbackAddress.ts

src/shared/devToolsBridge.ts

src/shared/configManager.ts

Signed-off-by: Tanel Metsar <taneltm@users.noreply.github.com>

…vity WE2-967 Includes minor cleanup for DevTools related files Signed-off-by: Tanel Metsar <taneltm@users.noreply.github.com>

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

…pening Web-eID tab WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

…r during loading WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com> Co-authored-by: Sten Anderson <scopuli-dev@users.noreply.github.com>

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

…lar to devtools.js WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

…urning optional_permissions -> devtools on WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

Signed-off-by: Mart Somermaa <mrts@users.noreply.github.com>

github-advanced-security bot found potential problems Jan 28, 2025

View reviewed changes

static/views/devtools/panels/webeid-log.js Fixed Show fixed Hide fixed

static/views/devtools/panels/webeid-log.js Fixed Show fixed Hide fixed

static/views/devtools/panels/webeid-log.js Fixed Show fixed Hide fixed

static/views/devtools/panels/webeid-log.js Fixed Show fixed Hide fixed

taneltm force-pushed the WE2-967 branch from d125d65 to c9102d1 Compare January 30, 2025 08:23

This was referenced Jan 30, 2025

Option for Verbose Debug Log Messages (in Production) #40

Open

Library requires https on localhost in development web-eid/web-eid.js#30

Open

mrts force-pushed the WE2-967 branch from c9102d1 to 094ad6c Compare March 6, 2025 10:16

mrts reviewed Mar 6, 2025

View reviewed changes

taneltm assigned svenzik Jun 3, 2025

svenzik mentioned this pull request Jun 16, 2025

We have not found default_locale" in the folder "_locales" #81

Merged

2 tasks

taneltm commented Aug 11, 2025

View reviewed changes

taneltm and others added 16 commits November 13, 2025 16:38

Add debug mode DevTools

66d3c58

Signed-off-by: Tanel Metsar <taneltm@users.noreply.github.com>

Update copyright year and add missing copyright comments

a897143

Signed-off-by: Tanel Metsar <taneltm@users.noreply.github.com>

Update README.md with DevTools instructions

74fef3b

Signed-off-by: Tanel Metsar <taneltm@users.noreply.github.com>

Fix DevTools panel disconnecting in Chrome after 30 seconds of inacti…

0336e56

…vity WE2-967 Includes minor cleanup for DevTools related files Signed-off-by: Tanel Metsar <taneltm@users.noreply.github.com>

standardize loopback address validation between frontend and backend

531cb33

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

Persist and load configuration from localstorage as it is done with o…

563390e

…pening Web-eID tab WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

Add warning to log when http is used. Remove Logger as it causes erro…

9d21c8a

…r during loading WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

Add devtools scripts and views to Safari build

85ff99c

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

Refactor persistence of config to localstorage

035187d

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

Replace exclude filter with include

c96f5b9

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

fix: Improve Reset button visibility when disabled

1120e0a

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com> Co-authored-by: Sten Anderson <scopuli-dev@users.noreply.github.com>

fix: Refactor constructor, remove unused code

ae867ae

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

fix: Add polyfill

43f9bdd

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

fix: Make Safari temporary Extension to work

eea8aea

WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

fix: "permissions": ["devtools"] causes error in Safari, make it simi…

966883a

…lar to devtools.js WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

fix: Firefox does not use options page, it uses internal toggle for t…

01c6154

…urning optional_permissions -> devtools on WE2-967 Signed-off-by: Sven Mitt <svenzik@users.noreply.github.com>

mrts force-pushed the WE2-967 branch from 701d6fb to 01c6154 Compare November 13, 2025 14:39

deps: update lib/web-eid.js

1b37ae8

Signed-off-by: Mart Somermaa <mrts@users.noreply.github.com>

mrts mentioned this pull request Nov 25, 2025

Non-HTTPS usage for development web-eid/web-eid-app#379

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

DevTools tab for debugging #79

DevTools tab for debugging #79

Uh oh!

taneltm commented Jan 28, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

mrts Mar 6, 2025

Uh oh!

taneltm Mar 6, 2025

Uh oh!

svenzik commented Mar 12, 2025 •

edited

Loading

Uh oh!

taneltm commented Mar 18, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

DevTools tab for debugging #79

Are you sure you want to change the base?

DevTools tab for debugging #79

Uh oh!

Conversation

taneltm commented Jan 28, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

mrts Mar 6, 2025

Choose a reason for hiding this comment

Uh oh!

taneltm Mar 6, 2025

Choose a reason for hiding this comment

Uh oh!

svenzik commented Mar 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

taneltm commented Mar 18, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

svenzik commented Mar 12, 2025 •

edited

Loading