"new window.ResizeObserver(this.resize)" Error

Q

Why am I getting the "error creating viewer: TypeError: undefined is not a constructor" error at "new window.ResizeObserver(this.resize)"?

✍: FYIcenter.com

A

If you load a 3Dmol.js HTML file in an older Apple Safari Web browser, you will get the following error in the browser developer console.

error creating viewer: TypeError: undefined is not a constructor 
  (evaluating 'new window.ResizeObserver(this.resize)')
- (anonymous function) — 3Dmol.js:4059

This is because old Safari Web browsers do not support newer releases of WebGL technology.

If you load the same HTML file in the latest Google Chrome Web browser, you will no see any errors.

⇒ Difference between 3Dmol.js and 3Dmol-min.js

⇐ Use of Anonymous Function for 3Dmol.js

⇑ Getting Started with 3Dmol.js

⇑⇑ 3Dmol.js FAQ

2023-09-07, 1223🔥, 0💬

"url={URL}" - Load Molecule from URL
How to load a molecule structure with a given URL in the Online 3Dmol Viewer? You can use the url={URL} URL parameter to load a molecule structure from a given URL in the Online 3Dmol Viewer. https://3dmol.org/viewer.html? url={URL}&type={Type}The type={Type} parameter is needed to specify t... 2023-09-07, 1467🔥, 0💬

"new window.ResizeObserver(this.resize)" Error
Why am I getting the "error creating viewer: TypeError: undefined is not a constructor" error at "new window.ResizeObserver(this.res ize)"?If you load a 3Dmol.js HTML file in an older Apple Safari Web browser, you will get the following error in the browser developer console. error creating viewer: ... 2023-09-07, 1224🔥, 0💬

Use of Anonymous Function for 3Dmol.js
Why do some 3Dmol.js examples use anonymous function? There is no reason and no need to include 3Dmol.js code inside an anonymous function. There is no difference between using 3Dmol.js with anonymous function and without anonymous function. For example, the following HTML document, With-Anonymous-F... 2023-09-07, 1188🔥, 0💬

Hosting Online 3Dmol Viewer
Where to find FAQ (Frequently Asked Questions) on Hosting Online 3Dmol Viewer? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team on Hosting Online 3Dmol Viewer. Install Online 3Dmol Viewer on Linux Start Online 3Dmol Viewer on Linux Code Bug in serv... 2023-09-07, 1180🔥, 0💬

addBox() - Create 3D Boxes
How to create 3D Boxes with 3Dmol.js addBox() methods? viewer.addBox() method in the $3Dmol.GLViewer class allows you to create 3D box objects. Here is the signature of the addBox() method: {$3Dmol.GLViewer} addBox({BoxSpec} spec) -> {$3Dmol.GLShape} Here is an HTML code example, Draw-Box.htm... 2023-09-07, 1138🔥, 0💬

addLabel() - Create Text Labels
How to create text labels with 3Dmol.js addSphere() methods? viewer.addSphere() method in the $3Dmol.GLViewer class allows you to create sphere objects. Here is the signature of the addSphere() method: {$3Dmol.GLViewer} addLabel(text, {LabelSpec} options, {AtomSelection} sel) -> {$3Dmol.Label... 2023-09-07, 1091🔥, 0💬

UI Components of Online 3Dmol Viewer
What functions are supported by UI components on the Online 3Dmol Viewer? UI components on the Online 3Dmol Viewer support the following functions: 1. Model Data Input: Accessible through the "File/PDB/URL" menu item. You can load PDB protein data from the online PDB database, molecule compound data... 2023-09-07, 1012🔥, 0💬

addSphere() - Create Spheres
How to create spheres with 3Dmol.js addSphere() methods? viewer.addSphere() method in the $3Dmol.GLViewer class allows you to create sphere objects. Here is the signature of the addSphere() method: {$3Dmol.GLViewer} addSphere({SphereStyleSpec} spec) -> {$3Dmol.GLShape} Here is an HTML code ex... 2023-09-07, 1005🔥, 0💬

Install Online 3Dmol Viewer on Linux
How to install Online 3Dmol Viewer on my local Linux computer? The easiest way to use the Online 3Dmol Viewer is through the hosted server at https://3dmol.org/viewer.html . But if you want to have full control of the Online 3Dmol Viewer and faster response time, you can host it yourself on a Linux ... 2023-09-10, 1000🔥, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.