regex101: ionic-cli doctor viewport-fix

Group 1(\<meta([\s]*(name="viewport"){1})[\w\d\s\.\-,=]*(content="){1}[\w\d\s\.\-,=]*(viewport-fit=cover){1}[\w\d\s\.\-,="]+\/\>)

\<the literal < (60₁₀ / 74₈ / 3C₁₆)

metathe literal text meta (case sensitive)

Group 2([\s]*(name="viewport"){1})

Character Class[\s]*

*matches any number of characters from the set below:

\sany whitespace character

Group 3(name="viewport"){1}

{1}repeats the group contents below exactly 1 time:

name="viewport"the literal text name="viewport" (case sensitive)

Character Class[\w\d\s\.\-,=]*

*matches any number of characters from the set below:

\wany word character

\da digit

\sany whitespace character

\.the literal . (46₁₀ / 56₈ / 2E₁₆)

\-the literal - (45₁₀ / 55₈ / 2D₁₆)

,the literal , (44₁₀ / 54₈ / 2C₁₆)

=the literal = (61₁₀ / 75₈ / 3D₁₆)

Group 4(content="){1}

{1}repeats the group contents below exactly 1 time:

content="the literal text content=" (case sensitive)

Character Class[\w\d\s\.\-,=]*

*matches any number of characters from the set below:

\wany word character

\da digit

\sany whitespace character

\.the literal . (46₁₀ / 56₈ / 2E₁₆)

\-the literal - (45₁₀ / 55₈ / 2D₁₆)

,the literal , (44₁₀ / 54₈ / 2C₁₆)

=the literal = (61₁₀ / 75₈ / 3D₁₆)

Group 5(viewport-fit=cover){1}

{1}repeats the group contents below exactly 1 time:

viewport-fit=coverthe literal text viewport-fit=cover (case sensitive)

Character Class[\w\d\s\.\-,="]+

+matches at least one character from the set below:

\wany word character

\da digit

\sany whitespace character

\.the literal . (46₁₀ / 56₈ / 2E₁₆)

\-the literal - (45₁₀ / 55₈ / 2D₁₆)

,the literal , (44₁₀ / 54₈ / 2C₁₆)

=the literal = (61₁₀ / 75₈ / 3D₁₆)

"the literal " (34₁₀ / 42₈ / 22₁₆)

\/the literal / (47₁₀ / 57₈ / 2F₁₆)

\>the literal > (62₁₀ / 76₈ / 3E₁₆)

Search reference

Regular Expression

(\<meta([\s]*(name="viewport"){1})[\w\d\s\.\-,=]*(content="){1}[\w\d\s\.\-,=]*(viewport-fit=cover){1}[\w\d\s\.\-,="]+\/\>)

New

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Ionic App</title>

    <base href="/" />

	<!-- viewport-fit on multiline meta -->
    <meta name="viewport"
      content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta
	  name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta
	  name="viewport"
	  content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />

	<!-- viewport-fit on singleline content at the start -->
	<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

	<!-- viewport-fit on singleline content at the end -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />

    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />

    <link rel="icon" href="assets/icon/favicon.ico" />

    <!-- add to homescreen for ios -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  </head>
  <body>
    <app-root></app-root>
  </body>
</html>