Skip to content

Latest commit

 

History

History
53 lines (34 loc) · 2.07 KB

BROWSER-SUPPORT.md

File metadata and controls

53 lines (34 loc) · 2.07 KB
Raw

Browser Support

Browser support and polyfills guide.

Browser compatibility and support depends on targeted browsers and 3rd party libraries. ADF is based on the following libraries and components:

  • Angular (all ADF components)
  • Moment.js (many ADF components)
  • PDF.js (ng2-alfresco-viewer component)
  • Raphael.js (ng2-alfresco-diagrams, ng2-alfresco-analytics)
  • Chart.js (ng2-alfresco-analytics)

Browser polyfills

Angular

Please refer to the official guide for Angular browser support.

ADF (demo shell) imports by default the following set of recommended polyfills:

3rd party libraries

Please refer to the following list of popular polyfills for HTML5 cross-browser compatibility.

ADF (demo shell) imports by default the following set of recommended polyfills:

  • intl, Polyfill the ECMA-402 Intl API (except collation), IE/Safari
  • pdfjs compatibility, Portable Document Format (PDF) library that is built with HTML5, IE

Example

<!-- Polyfill(s) for Safari (pre-10.x) -->
<script src="node_modules/intl/dist/Intl.min.js"></script>
<script src="node_modules/intl/locale-data/jsonp/en.js"></script>

<!-- Polyfill(s) for older browsers -->
<script src="node_modules/core-js/client/shim.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/dom4/1.8.3/dom4.js"></script>
<script src="node_modules/element.scrollintoviewifneeded-polyfill/index.js"></script>

<!-- Polyfill(s) for pdf support -->
<script src="node_modules/pdfjs-dist/web/compatibility.js"></script>

<!-- Polyfill(s) for dialogs -->
<script src="node_modules/dialog-polyfill/dialog-polyfill.js"></script>
<link rel="stylesheet" type="text/css" href="node_modules/dialog-polyfill/dialog-polyfill.css" />

For a complete code please refer to demo shell example.