Detect browser character support in javascript?

by

If you create two SPANs, one containing the character you want, and the other containing an unprintable character U+FFFD (�) is a good one, then you can test whether they have the same width.

<div style="visibility:hidden">
  <span id="char-to-check">&#9839;</span>
  <span id="not-renderable">&#xfffd;</span>
</div>
<script>
  alert(document.getElementById('char-to-check').offsetWidth ===
        document.getElementById('not-renderable').offsetWidth
        ? 'not supported' : 'supported');
</script>

You should make sure that the DIV is not styled using a fixed font.

More Related Contents:

  1. How do I pass a URL as a parameter? [closed]
  2. .index() only for one instance of class [closed]
  3. Dynamic page load can’t load Java with page
  4. jQuery document.createElement equivalent?
  5. How to scroll an HTML page to a given anchor
  6. Why I have to put all the script to index.html in jquery mobile
  7. Replacing css file on the fly (and apply the new style to the page)
  8. How to include multiple js files using jQuery $.getScript() method
  9. Prevent Page Load on Jquery Form Submit with None Display Button
  10. Benefits of loading JS at the bottom as opposed to the top of the document
  11. Call javascript function after script is loaded
  12. Dynamically loading css stylesheet doesn’t work on IE
  13. How can I detect whether an iframe is loaded?
  14. jquery submit form and then show results in an existing div
  15. Can I use javascript to dynamically change a video’s source?
  16. jQuery – How to select by attribute
  17. time delayed redirect?
  18. Detect click event inside iframe
  19. HTML 5 – Play file at certain time point
  20. Uploading Image to Amazon s3 with HTML, javascript & jQuery with Ajax Request (No PHP)
  21. Bootstrap 4 multiselect dropdown
  22. Store jquery selector in variable
  23. how to resolve iframe cross domain issue [duplicate]
  24. How can I make a button redirect my page to another page? [duplicate]
  25. Uncaught ReferenceError: $ is not defined error in jQuery
  26. Waiting for dynamically loaded script
  27. Change placeholder text
  28. Fire oninput event with jQuery
  29. Detect if dropdown navigation would go off screen and reposition it
  30. canvas- Cropping images in different shapes

Leave a Comment