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

7 skills you need to acquire as an app operator

As a type of Internet operation , App operation c...

Xiaomi is on the left and Meizu is on the right

Meizu has been waiting for a long time for the op...

Xiaohongshu promotion and operation: Xiaohongshu live broadcast monetization!

A few days ago, an expert revealed that Xiaohongs...

Best Practices for Agile Data Operations in Internet Finance—Wang Tong

Wang Tong , Vice President of Sales at Beijing Yo...

Have you ever seen a railway that runs through the air and in a cave?

Vocabulary Logistics transportation completion an...

The "Martial Arts Secrets" of Advertising and Marketing

If someone asks, is there a "martial arts se...

Many people ignore these "signals" of food spoilage

Many of the foods we come into contact with every...

Apple vs. Google: The battle has changed

[[135760]] The most important message we can get ...

Convincing "deep fakes" just to make you smile?

Leviathan Press: I personally think Walter Schere...

Xiaohongshu KOL promotion: the secret of note ranking and weight algorithm!

Two months have passed since Xiaohongshu’s big pu...

Everyone's Disease Class: 40 Lectures on Medical Thinking

Everyone's Disease Class: 40 Lectures on Medi...