HTML Attributes Editor

HTML Tag Elements Attribute CSV Exporter

HTML Tag Elements Attribute CSV Exporter This chrome extension allows you to export the attribute values (or outer HTML) of selected HTML elements on any web page as a CSV file. You can use this extension to extract data from web pages for analysis, research, or backup purposes. How to use this extension: To use this extension, follow these steps: 1. Install the extension from the Chrome Web Store. 2. Go to any web page that you want to extract data from. 3. Click on the extension icon in the toolbar. A popup will appear with two text boxes: one for selector html query and another for attribute name. 4. In the selector html query text box, enter a valid CSS selector that matches the HTML elements you want to export. For example, if you want to export all the links on the page, you can enter a as the selector. If you want to export only the links with a specific class name, you can enter a.className as the selector. You can use any CSS selector syntax supported by Chrome. For more information on CSS selectors search on google. 5. In the attribute name text box, enter the name of the attribute that you want to export for each element. For example, if you want to export the href attribute of each link, you can enter href as the attribute name. If you want to export the outer HTML of each element, you can leave this text box empty. 6. Click on the Download CSV button. A CSV file will be downloaded to your default download location. The file will contain one row for each element that matches your selector, and one column for the attribute value (or outer HTML) of each element. Feedback and support: If you have any questions, suggestions, or issues with this extension, please contact me by Telegram at (https://miladashrafi.t.me). I appreciate your feedback and support. Thank you for using HTML Tag Elements Attribute CSV Exporter!

Page Manipulator

Inject HTML, CSS or JavaScript into any web-page. The changes you make are applied every time you visit the specified website(s). - Automatically inject custom HTML, CSS, and/or JavaScript into the pages you specify. - Run custom CSS before the page is fully loaded so you won't see the original page first. - Inject JavaScript on the go. - Add/Remove/Change the HTML and CSS on the go. - Right click on any element on a page to get the full CSS path. - Automatically saves the changes you make. - Files that contain less than 8000 characters are synced across your Google account. - Files that contain 8000 or more characters are stored locally. - Cheat simple games like the T. rex game. - Make your own dark-theme for any website. - Test a website you're working on. - Whatever you can imagine, be creative ;) - Simple, First open the extension. - Choose 'JavaScript', 'CSS' or 'HTML'. - Create a new file by pressing 'new'. - Write your own code or get some from the examples here: https://github.com/Ruud14/Page-Manipulator/tree/master/examples - Press the 'manipulate' button to test your code. - To make sure your code is run every time you visit a specific page do the following: - Put the URLs of the websites in the 'active websites' input. - Check the 'active' checkbox. - Button functionalities: - The 'Reload' Button: - Will Reload the current page. - The 'Active' checkbox: - on > The code will be run automatically on the pages specified in the 'Active websites' textarea. - off > The code will only run when you press the 'Manipulate' button. - The 'Active Websites' textarea: - You can specify the websites you want your code to run on here. - The 'Matching Pages' dropdown: - 'Exact' > The code will only run when the URL of the page is exactly the same as one of the URLs in the 'Active Websites' textarea. (Including slashes at the end!) - 'Recursive' > The code will also run on all sub-pages of the specified URLs in the 'Active Websites'. - The 'Position on page' dropdown (only with HTML): - 'Top' > The HTML will be added to the top of the page. - 'Bottom' > The HTML will be added to the bottom of the page. - 'Replace' > The HTML will replace the entire body HTML of the page. - The 'Manipulate' or 'Update Manip.' button: - Injects the code into the page or updates the injection. - **This button also works when the 'Active' checkbox is unchecked.** - The 'Remove Manip.' Button: - Removes the manipulation from the page. - If the "Auto ⟳" checkbox is checked, the page will automatically reload after pressing the 'Remove Manip.' button. The 'active' checkbox will also be unchecked. - The 'Delete' button: - Deletes the current file from the storage. - You can right-click any element on a page to get the CSS path of that element. - If the extension button in the top right corner is greyed-out, you can't use it on that page. - Make sure the 'active' checkbox is checked. And the 'active websites' input contains the correct URLs. - For JavaScript: - Make sure your code is run at the right moment. Maybe try adding a delay. - Check the browser console for error messages. - For CSS: - Make sure you are manipulating the right element by using "inspect element". - Try using '!important'. - For HTML: - Make sure you haven't accidentally set the 'position' dropdown to the wrong position. - Removing and updating JavaScript manipulations might not work the way you expect it to. Removing your JavaScript manipulation from a page only removes the element, so dynamic changes made to the page will stay there even when you remove the manipulation. To completely remove everything the manipulation did, you must reload the page. This extension works on most sites, but there are some exceptions! If you'd like to see any specific improvements or found any bugs, let me know here: https://github.com/Ruud14/Page-Manipulator/issues The editor I used since release v0.2.0-alpha is Ace editor. Check it out here: https://ace.c9.io/

HTML Edit

Some bizarre web features 页面小工具：各种奇奇怪怪的功能。 编辑模式：开启后任意文字点击后都会出现光标允许编辑（图片里的文字除外）。 样式调整：开启后点击即可选取DOM，选中的DOM会有一个黑色边框标记范围。出现样式调整弹框，可以在里面输入内容调整DOM样式。 禁用点击：开启后页面上的所有点击事件都不生效，防止编辑按钮文字的时候，进行了页面跳转。 黑夜模式：反转颜色。 文字可选：用于页面某一些文字被设置成了不可选取，开启后所有文字都可选（图片除外）。 Github: https://github.com/Vgbire/html-edit

Show Data Attributes

Show data attributes on your page Show data attributes on your page. This extension helps to display data attributes on page.