W3C releases Mobile Checker

W3C releases 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:

  1. 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)


PS. The above is the translation, the original text is: Mobile-Checker, if there is anything inappropriate, please feel free to correct me.

<<:  Getting started with React and Webpack

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

Recommend

Nine suggestions that new APP developers must accept

[[154784]] With the continuous rise of a series o...

How to make reasonable use of 3 types of ground promotion methods?

A few days ago, when I passed the Gaoxinyuan subw...

6 types of user psychology that you need to know for insightful copywriting

I have read a lot of articles about insight, and ...

iOS: How to catch exception?

Table of Contents 1. System Crash 2. Processing s...

Practical “mine-clearing” techniques for event planning!

Some time ago, I often reviewed plans with novice...

2019 Wedding Photo Industry User Insight Report!

The core findings of the 2019 Wedding Photography...

Get these 3 details about placing Tik Tok information flow ads!

This article shares with you some details of the ...

300 fission cases: How to build traffic acquisition thinking?

In the WeChat ecosystem , whether it is micro-bus...

The common technology terms in the IT circle that you must know in 2016

[[162822]] Everyone is familiar with the Internet...

Can an individual make money by operating a WeChat mini program?

Q: Can I make money by operating a WeChat mini pr...

Can’t push the product? Perhaps these problems have not yet been resolved.

Imagine if you tried to convince a traditional Ch...