Browser extension for checking modals* on Lentiamo sites
- Go to chrome://extensions
- At the upper right corner switch on Developer mode
- At the upper left corner click on "Load unpacked" button
- Choose a folder with extension
Just click on the extension icon (it should be pinned) or use shortcut Ctrl+Shift+F or MacCtrl+Shift+F. If there are some hidden modals* on the page a list with its ids will appear on popup. Click on the id to show modal. Some modals doesn't have any content inside, cause it should be dynamically added by clicking on original trigger button, so you'll see just an empty box.
- use Live js collections or add refresh button to popup, cause on detail page when something added to a cart number of modals changes.
- update extension icon to show that there are some modals on the page (probably a
background.jswill be needed) - refactor: use proper async functions
- show possible issues of modals (no title, no close button) in popup
- highlite trigger button
- don't update popup if page wasn't updated, but popup was closed and opened.
*modals - elements that have .modal|.vc-modal|.vc-modal-static class.