Focus on development testing, but don't stop there

Latest Version

Version
0.0.5
Update
October 30, 2024
Size
589KiB
Developer
devtester.kinfuy.cn
Category
Users
33
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
中文 (简体)
See more
Permissions
Storage
Tabs
Alarms
Cookies
ActiveTab
See more

DevTester Extension

DevTester 是一个为开发人员和测试人员量身打造的浏览器工具集,旨在提高开发与测试的效率,减少冗余操作和误操作的风险。通过集成一系列实用的功能,DevTester 为用户提供了更加便捷、高效的工作体验。

DevAccount(多平台开发账号管理工具)
提供了一个极简的、多平台的开发账号管理工具,用户可以方便地管理自己的账号信息,快速切换不同平台的账号,提高工作效率。快速切换各种生产,预发,测试,仿真环境。

生产环境提示(Production Environment Reminder)
新增了生产环境提示功能,当用户在生产环境中进行敏感操作时,DevTester 会及时弹出提示,提醒用户注意操作的风险,避免误操作导致的不必要损失。

缓存助手(Cache Assistant)
提供了查看当前站点 storage 相关信息的功能,包括 localStorage、sessionStorage,cookies等,帮助用户更好地了解站点的缓存情况。
支持对缓存进行相关操作,如清除、修改等,方便用户进行调试和测试。

超链直达(HyperLink Direct Access)
屏蔽了烦人的链接拦截确认,使用户能够一键直达目标页面,无需再面对繁琐的确认对话框,大大节省了用户的时间和精力。
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "__MSG_chrome_extension_name__", "version": "0.0.5", "description": "__MSG_chrome_extension_description__", "icons": { "16": "public/logo.png", "48": "public/logo.png", "128": "public/logo.png" }, "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "action": { "default_icon": "public/logo.png", "default_title": "DevTester", "default_popup": "popup.html" }, "content_scripts": [ { "js": [ "assets/index.ts-loader.js" ], "matches": [ "" ], "run_at": "document_start" } ], "permissions": [ "storage", "tabs", "alarms", "cookies", "activeTab" ], "default_locale": "zh_CN", "host_permissions": [ "" ], "web_accessible_resources": [ { "matches": [ "" ], "resources": [ "assets/shadow-styles.css", "assets/web-notice.css", "assets/click-count.css", "assets/set.svg", "assets/notice.png", "assets/layout.svg", "assets/account.svg", "assets/link.svg", "assets/cookie.svg", "assets/count.svg", "assets/click.svg", "assets/url.svg", "assets/empty.svg", "assets/logo.png", "assets/dark.svg", "assets/light.svg", "assets/logo16.png", "assets/useApp-9e3cc9f6.js", "assets/store-c3deb960.js", "assets/useTheme-a51fa13a.js", "assets/message-d1775bf2.js", "assets/util-9e04540b.js", "assets/useAuth-20edcfcc.js", "assets/index-980618c3.js", "assets/Cover.vue_vue_type_script_setup_true_lang-a0f28a11.js", "assets/ToolItem.vue_vue_type_script_setup_true_lang-76bad7cc.js", "assets/index.ts-03498af6.js", "assets/index.ts-e8fcaecb.js" ], "use_dynamic_url": false } ]}
Read more

How to download and manually install DevTester extension for Chrome

Looking for a way to install DevTester extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install DevTester extensions manually, this article outlines two simple methods to effortlessly install DevTester extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download DevTester extension and manually install through Drag &Drop

If you ever need to manually install a DevTester extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the DevTester Extension by clicking the "Download CRX" button on the website.

Look for the DevTester extension you wish to install. Go to the website and download the DevTester extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for DevTester extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the DevTester extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download DevTester extension for Chrome and install in Developer Mode

This is another method to install DevTester extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the DevTester extension file

Select and download the DevTester extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the DevTester extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your DevTester extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the DevTester extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install DevTester extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

axe DevTools - Web Accessibility Testing Extension · Accessibility 33 114 ★ 2.89MiB

icon

TestCraft Extension · Developer Tools 33 22 ★ 928KiB

icon

BrowserStack Accessibility Toolkit Extension · Accessibility 33 61 ★ 3.49MiB

icon

Skillwise.ai Proctoring Extension · Productivity 33 4 ★ 18.19MiB

icon

Responsive Website Testing Toolkit - Multiple Viewport Simulator Extension · Developer Tools 33 30 ★ 170KiB

icon

Discord Embeds Extension · Developer Tools 33 4 ★ 135KiB

icon

Proview proctoring Extension · Productivity 33 0 ★ 9.05MiB

icon

BugBug Automation Testing Extension · Developer Tools 33 13 ★ 6.9MiB

icon

API Tester - REST API Tester Client FREE Extension · Developer Tools 33 1 ★ 3.51MiB

icon

Boomerang - SOAP & REST Client Extension · Developer Tools 33 1023 ★ 549KiB

icon

Resting Extension · Developer Tools 33 1 ★ 1.06MiB

icon

Ghost Inspector - Web Test Recorder Extension · Developer Tools 33 30 ★ 648KiB

icon

AB Tasty Debugger Extension · Developer Tools 33 0 ★ 41.62KiB

icon

Live CSS Tester Extension · Developer Tools 33 5 ★ 147KiB

icon

CORS Unblock Extension · Developer Tools 33 6 ★ 12.65KiB

icon

LambdaTest Accessibility DevTools Extension · Developer Tools 33 16 ★ 18.8MiB

icon

DreamFactory API Tools Extension · Developer Tools 33 11 ★ 220KiB

icon

Testbook - AI-Powered Automated Testing Extension · Developer Tools 33 10 ★ 1.78MiB

icon

DevOps Test UI - Web UI Extension · Developer Tools 33 0 ★ 162KiB

icon

TestChimp - Create API Automation Tests Easily From Manual Test Sessions Extension · Developer Tools 33 0 ★ 145KiB

icon

Get That API Extension · Developer Tools 33 2 ★ 80.25KiB

icon

Locked In Extension · Productivity 33 0 ★ 643KiB

icon

beta工具 Extension · Developer Tools 33 0 ★ 2.87MiB

icon

Loadmill Test Composer Extension · Developer Tools 33 9 ★ 1.7MiB