Tips & Tricks: Part three – Analysis tools for your WebGIS

Operational Services
Operational Services
February 3, 2020

Tips & Tricks: Part three – Analysis tools for your WebGIS

Use the full potential of existing auxiliary tools of your browser: For some problem analysis, sometimes the conventional data is not sufficient and further details are needed. Often additional tools are used to obtain detailed information.

However, it is not always necessary to install additional software, often very useful tools are already available (built-in).

Some of these tools, which we would like to present to you today, are the webdeveloper tools (devtools) of the browser, which can be used by pressing a button. These tools are available in the following browsers: Google Chrome (F12), Mozilla Firefox (F12), Microsoft Edge, Vivaldi (F12) and Opera (CTRL+Shift+i)

In the GIS environment these tools are mainly used in the use of WebGIS technologies, i.e. everything that has a web server or an interactive user interface.

We are going to show you three example cases using the Webdeveloper tools, which you can try out yourself.

Network

If map services are loaded online, the overall view consists of many individual elements, such as image, text and configuration files. To check which elements are loaded in which time, the web developer tools provide the “Network” tool.

To do this, press the F12 key and switch to the “Network” tab. As soon as you reload your current page, all elements appear in a list view.

Picture: Example of loaded elements of a GEONIS Datashop

The elements in the listing can be inspected individually for further details. In addition, the items listed can be grouped and filtered by file type.

It is also possible to view the headers of requests. This is especially useful when form data is sent or parameters are passed.

Example: Header of a PDF print in WebOffice

Example: Server responses in detail of a PDF print in WebOffice

Performance

By means of webdeveloper tools you can also analyze the loading times of your WebGIS project. Here the total time from call to complete setup is measured, as well as the times of the individual sub-elements. Thus, for example, bottlenecks can be identified faster and better. Record a few requests of your desired web project and display the response times including screenshot history (film strip).

Example: Performance details of a WebGIS project.

For the gradual build-up of the website, individual screenshots can be created automatically, so that the loading process can be followed frame by frame.

Example: Performance Analysis with Filmstrip

Device mode

If you are unsure how your WebGIS project will be displayed on a smartphone or on a tablet, the WebDeveloper tools allow you to simulate various views with different devices.

Switch to the mobile view with the keyboard shortcut CTRL+Shift+m

You can choose from predefined tablet and smartphone models, mouse pointers and touch simulations, as well as switching between portrait and landscape format.

Example: Device selection for simulation

Furthermore, the different bandwidths can also be tested in order to test the card structure, for example at low Internet speeds.

Example: Bandwidth selection

Conclusion

These are just three of the countless functions that can be used for analysis and testing. It is therefore worth using the F12 key to open the Webdeveloper tools more often, not only for problem analysis.

Please note:

  • The examples refer to the respective browser versions from January 2020
  • Microsoft Edge does not currently use the Chromium engine. Deviations are possible.
  • Mozilla Firefox does not use the Chromium engine. Deviations are possible.
  • Opera does not open the webdeveloper tools with the keyboard shortcut F12, but with CTRL+Shift+i. Shortcut can be customized.


Categories:
Archive
Open: 2019
2019
December 19, 2019

Opening hours during holiday season

December 4, 2019

Release GEONIS 2017 Service Pack 2 now available

November 28, 2019

Tips & Tricks: ArcmapSpy on GitHub

November 25, 2019

GIS solutions for cadastral surveying in the focus of VertiGIS

October 29, 2019

Tips & Tricks: New version of Geocom license server coming soon

October 23, 2019

Acquisition of general drainage planning (GEP) measures in GEONIS Sewer System

October 21, 2019

Geocom and AED-SICAD develop new Utility Network solution

October 2, 2019

Richard Wiegmann Joins VertiGIS as President and CEO

September 25, 2019

Tips & Tricks: Part two – Software version specification for support cases

September 23, 2019

Red Dot functionality for inspection videos in WebOffice

September 19, 2019

Improved batch call for GEONIS Data Converter

September 2, 2019

New version of GEONIS Network Calculation available

August 27, 2019

Tips & Tricks: Performance enhancements on Windows 10

August 12, 2019

New telephone numbers as of August 26, 2019

August 5, 2019

Tips & Tricks: Part One – General information on Support Tickets

August 2, 2019

Support for ArcGIS versions

July 4, 2019

Tips & Tricks: GEONIS Data Quality

July 2, 2019

LISA: Interactive city maps in Zurich and Utrecht

June 3, 2019

Tips & Tricks: Export GEONIS data list into an Excel template

May 9, 2019

Geocom recognized by Esri for Utility Network Management Specialty

May 2, 2019

Creation guideline for GEONIS Sewer System

May 1, 2019

Geocom is now part of the VertiGIS family

April 29, 2019

Tips & Tricks: Merge mail with attributes from GEONIS

April 24, 2019

Geocom Tile Package Export Tool

April 17, 2019

Tips & Tricks: Ready for TLS 1.2?

April 16, 2019

Geocom Map Package Export Tool

April 4, 2019

AED GIS Holding GmbH acquires Geocom

April 3, 2019

ArcmapSpy - ArcMap Add-In for Feature Class and Workspace Analysis

April 2, 2019

Tips & Tricks: Spatial filter when exporting in GEONIS Data Converter

March 28, 2019

LISA Webadmin Application - Administration of ArcGIS Online or Portal für ArcGIS Secure Web Maps

March 20, 2019

GPS Status Check for GEONIS gear

March 13, 2019

Measuring Add-In for GEONIS gear

March 6, 2019

Geocom Database Management Tools for ArcGIS

March 4, 2019

New ArcMap Add-In for extensive and effortless DXF export

February 26, 2019

Integration of infra3D into WebOffice

February 2, 2019

Geocom GIS Circle | Extended 2019

January 28, 2019

New ArcGIS Marketplace Provider


Categories

Popular Tags