Page Modeller

Browser DevTools extension for modelling web pages for automation.

The Page Modeller extension enables developers to scan a web page and generate page object style code for various tools, languages and frameworks and test the UI locators in the browser.

Current release: 2.1.0

Supported tools and languages are:

• Selenium WebDriver Java
• Selenium WebDriver C#
• Puppeteer
• Robot Framework
• Protractor

Contents

• Browser Support
• Installation
• Usage
• Options
• Screenshots
• Contribute
• License

Browser Support

Installation

Install the extension using the links below:

https://chrome.google.com/webstore/detail/page-modeller/ejgkdhekcepfgdghejpkmbfjgnioejak

https://addons.mozilla.org/en-US/firefox/addon/page-modeller/

https://addons.opera.com/en/extensions/details/install-chrome-extensions/

Usage

Click to watch demonstration video on YouTube.

Options

Options can be configured via the browser extension options.

• Show Tooltips
• Dark Mode
• Model Hidden Elements

Screenshots

Contribute

Bugs and Suggestions

If you like this extension, please :star: this repository!

Feel free to propose new functionality and additional frameworks here: https://github.com/danhumphrey/page-modeller/issues

This extension is being actively developed and is considered a beta release.

Code Contributions

1. Fork this repository
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Added some feature')
4. Push to your branch (git push origin my-new-feature)
5. Create a new Pull Request

License

This library is distributed under the MIT license. Please see the LICENSE file.

:point_up_2: I really should call this "licence" as I don't live in the US, but I'm adopting the MIT spelling :wink: