JavaScript API - Supported Technologies ·

HTML / CSS / JavaScript

Static websites

Static websites are supported per default. The good thing about static websites is, that the content doesn't change that often. That property uses Chatvisor to keep the data transmission rate very low. Learn more about How Chatvisor keeps the data traffic very low and efficient

Single page web applications

It doesn't matter which framework is used (e.g. Angular, React...). Single page applications are supported per default from Chatvisor.

HTML5 + Mouse effects Technology Support

The modern web supports a lot of special technologies to display each kind of component. This makes it more difficult to reconstruct every webpage in the same way. This section describes the "special" technologies which are supported through Chatvisor.

Technology	Supported	Description
HTML5	✓ OK	except `<video>/<audio>`
Single Page Applications	✓ OK
Canvas	✓ OK
Shadow DOMs	✓ OK
SVG	✓ OK	including bidirectional mouse events
Fonts	✓ OK
Iframes	✓ OK	for integrated Co-Browsing see detailled description
CSS hover effects (:hover, :focucs)	✓ OK
Mouse events	✓ OK	both directions
Form events	✓ OK	both directions
Cross Domain Support	✓ OK	Configuration at the Co-Browsing Plugin to keep the session when the domain changes
WebGL	✓ OK	The JavaScript of Chatvisor has to be executed before the WebGL rendering.
JavaScript `alert`, `confirm`, `prompt`	X
CSS3 animations	X	only on visitor/agent side but not synced
`Active X`, `Silverlight`, `Java Applet`, `Flash`,	X

Canvas

Canvas mainly used to draw graphics on a web page. Chatvisor supports Canvas without any additional configuration.

Shadow DOM

Shadow DOM are mostly used by the Polymer framework and widely supported by Chrome and Firefox.

The behavior of a Shadow DOM is similar to Iframes. It produces different encapsulated sections of the webpages which makes it more difficult to replay these components. But the BrowsXP technology of Chatvisor does also supports Shadow DOM out of the box. There is only one configuration field to set within the Chatvisor application:

Configuration

Plugins -> LiveView -> Advanced -> Shadow DOM Prefix - The prefix of the custom tags should be entered here.

Example: If the HTML tags are <cv-main-app>, <cv-sub-app>, the configuration should be simply cv.

IFrames

IFrames are used to display a seperate website within the current website, like an embedded website.

Iframes with the same origin like (chatvisor.com and docs.chatvisor.com) are supported per default without any additional configuration. When you want to leverage Iframe support with cross origin domains you have to integrate the JavaScript snippet in each website (in each Iframe). For example it will not work to see the Google Ads which are embedded in an Iframe from a cross origin domain.

CSS Hover effects

CSS hover effects are supported by default without any additional configuration.

Example 1: A visitor moves his mouse over the navigation bar which has a :hover event and afterwards shows the hidden context menu. This behavior is supported per default with Chatvisor. This means, the viewer of the Co-Browsing session (i.e. Agent) or of the Session Recordings does also see the context menu which is opened from the visitor.

Example 2: A visitor moves his mouse over the hyperlink which changes its background color. The viewer of the Co-Browsing session (i.e. Agent) or of the Session Recordings does also see changed background color of the hyperlink.

Limitations

<video>/<audio> replay
Third party applications like Flash or Java Applets

Unlimited Co-Browsing (also Universal Co-Browsing): Please note that Universal Co-Browsing might not yet work on all websites. We are constantly improving the range of supported pages, but due to the variety of web technologies, different development styles, and the diversity in the WWW, we can not guarantee that every website works out-of-the-box. In case you find a website that is not working yet, please share it with us by contacting us: engage-service@teamviewer.com