Mokku

Adds the API mocker MOKKU to Chrome Developer Tools for seamless integration & testing.

Mokkuคืออะไร?

Mokku เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Mukul Jain และคุณลักษณะหลักของมันคือ "Adds the API mocker MOKKU to Chrome Developer Tools for seamless integration & testing."

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot
screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Mokku

ดาวน์โหลดไฟล์ส่วนขยาย Mokku ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        Mokku helps user by mocking API and changing their response, response time and status, user can try all test case scenario like long loading time, error states, or any missing or incorrect data. 

Mokku adds itself as a tab in dev tools as a panel. In the tab user can see network logs and mocks. Any network call from the logs can be mocked by simply clicking mock button then response can be edited. User can also search logs. Mock can also be created from scratch from create mock button.

Detailed Release notes: https://github.com/mukuljainx/Mokku/releases

v2.0.6
Remove sentry from inject script
Error handling while searching mocks

v2.0.4
Feature:
load Mokku in separate window as well
Add sentry for error tracking
Mock headers from log as well

v2.0.1
Fix: status not reflecting in mock
Feat: add option to edit mocked log

v2.0.0
New UI
Dark Theme
Resizable modal (log and mock)
Better code (allows adding feature quickly)
Bug fixes

v1.8.2
Fixed the broken build.

v1.8.0
Updates the manifest and other packages to latest version. Nothing new, this can break things but a required change to improve the extension and to release v2.0.0 

v1.7.0
Allow user to create multiple mocks with same url and method. On creating new mock any previous will be disabled, same goes for enabling any mock.
Adds description field for mocks.

v1.6.1
Bug fix

v1.5.0
Add text response format.


v1.4.0
Auto format JSON after pasting, if valid

v1.3.0
Import and export Mocks
Copy a mock for quick duplication

v1.2.0
New JSON Editor with linting more verbose errors 

v1.1.0
Dynamic URL Mocking 
URL such as 
1. "service/chat/user/:userId/messages" can be added. All the URL such as "service/chat/user/u1/messages", "service/chat/user/u2/messages" etc will be matched though response will remain same. In future userId will available as param just like express and you can provide a handler function.

2. "service/some/thing/(.*)" can also be added, (.*) will match anything just like the above.

All URL's are accessible but Mokku doesn't inject scripts into any pages apart from which are served locally and accessed using 'http://localhost*' until enabled from the Panel.

Collections & Dynamic mock generators coming soon!

You can submit issues, bugs or feature request at https://github.com/mukuljainx/mokku/issues                    

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ Mokku Mokku
ID llflfcikklhgamfmnjkgpdadpmdplmji
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/mokku/llflfcikklhgamfmnjkgpdadpmdplmji
คำอธิบาย Adds the API mocker MOKKU to Chrome Developer Tools for seamless integration & testing.
ขนาดไฟล์ 3.28 MB
จำนวนการติดตั้ง 13,836
เวอร์ชันปัจจุบัน 2.0.6
อัปเดตครั้งล่าสุด 2023-09-11
วันที่เผยแพร่ 2020-07-01
คะแนน 3.98/5 รวมทั้งหมด 56 คะแนน
ผู้พัฒนา Mukul Jain
อีเมล [email protected]
ประเภทการชำระเงิน free
เว็บไซต์ส่วนขยาย https://mukuljainx.github.io/Mokku
ภาษาที่รองรับ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Mokku",
    "description": "Adds the API mocker MOKKU to Chrome Developer Tools for seamless integration & testing.",
    "version": "2.0.6",
    "icons": {
        "16": "mokku-16.png",
        "48": "mokku-48.png",
        "128": "mokku-128.png",
        "512": "mokku-512.png"
    },
    "options_ui": {
        "page": "options.html"
    },
    "action": {
        "default_icon": "mokku-16.png",
        "default_popup": "popup.html"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/content_script.js",
                "js\/inject.js"
            ],
            "run_at": "document_start"
        }
    ],
    "devtools_page": "devtool.html",
    "background": {
        "service_worker": "js\/background.js"
    },
    "permissions": [
        "storage",
        "activeTab",
        "tabs"
    ],
    "host_permissions": [
        ""
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "js\/inject.js"
            ],
            "matches": [
                ""
            ]
        }
    ]
}