New mobile page inspection tool: Mobile Checker

New mobile page inspection tool: Mobile Checker

Mobile Checker (official website) is a mobile page inspection tool that mobile Web developers can use to find problems with their websites on mobile devices. Debugging Web pages or Web Apps can make them run more smoothly on mobile devices.

Mobile Checker provides a new and helpful guide for mobile web developers. We have developed basic functions, join us and develop better functions.

How to use?

This tool is a pure JavaScript web application built on Node.js and Selenium WebDriver. Based on the Mobile Web browser emulator API.

Mobile Checker has powerful technology to simulate a web browser on mobile devices. That's why, unlike most online mobile emulators on the market, Mobile Checker can provide a simulation that makes your web app look like it is running on different mobile devices (including tablets and smartphones).

Install

Mobile Checker is a Node application that will eventually be distributed via npm. But in the meantime you can clone this repository:

git clone: ​​https://github.com/w3c/Mobile-Checker.git

Install Node.js

Install the npm module dependency management tool:

  1. npm install -d

In addition, you need to install:

google-chrome

browsermob-proxy runs on port 8080

ImageMagick

XVFB

run

Run in terminal:

  1. node app.js

Then connect to localhost:3000 port.

test

To test using mocha, just run:

  1. mocha --timeout 30000  

From the root directory, run the test suite. Install Mocha:

  1. npm install -g mocha

Feedback and Contributions

Tool Feedback and Discussion (link)

Bug, issue and request submission (link)

<<:  What's new with AeroGear in Windows 10

>>:  Swift Tip: Use build configurations to support conditional compilation

Recommend

Say goodbye to confusion and become an operator with "routines"

Having been engaged in product operations for man...

iOS 16.2 quasi-official version released, karaoke function is here

Early this morning, Apple pushed the iOS 16.2 RC ...

New media operations content competitor analysis skills!

In ancient times, when marching and fighting, the...

Example analysis: How does Love Bank APP achieve user fission?

The user fission of Love Bank is very ingenious. ...

What is the method for consecrating the Wenchang Pagoda?

Wenchang Tower is a kind of mascot, and its abili...

Content Operation: The content strategy that made Xiaohongshu so popular!

Tencent took the lead in the last round of financ...

Android Studio 1.0 RC released

Android Studio 1.0 RC is released and available i...

SAIF & Industrial Securities: 2024 China Carbon Market System Research Report

Carbon emission quotas are one of the basic tradi...