Return Meta Tag as String

Question

I am trying to return this meta tag:

<meta name="viewport" content="width=device-width, initial-scale=1">

So when the mobile page is displayed you will see that tag on the page.

How do I return a tag and the contents of the tag?

Answer 1

You can grab the meta element and put a clone of it in a memory div, and then take the html of that, to finally display that as text somewhere in your document:

$('#output').text($('<div>').append($('meta[name=viewport]').clone()).html());

<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output"></div>

Alternative based on outerHTML

This is more straightforward: take the outer HTML of the meta tag and output it:

$('#output').text($('meta[name=viewport]').prop('outerHTML'));

<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output"></div>