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

Three steps to build a cyclic process of user operation data

Process-based and refined thinking are the basic ...

How to improve the style of APP interface in details?

[[140092]] The times are always changing in a spi...

How much does it cost to develop a movie mini app in Zigong?

Zigong movie applet development price 1. Display ...

Ah? This pavilion can make it rain by itself?

Did you know that there is an interesting pavilio...

Milking cows? You heard it right! Learn more about “humanized milk” →

Breast milk is the safest and most nutritionally ...

Data statistics interface-graphic and text analysis data interface

Xin public platform launched the invitation-based...

How to promote WeChat mini program? 5 Tips for Promoting WeChat Mini Programs

As a highly cost-effective promotion channel, min...

iOS Development: Swift Calls Objective-C Code

[[120564]] Recently, the new iOS programming lang...