WkWebView does not work linking to another frame

I have the following four local files:


If you open "index.html" in WkWebView and click the link displayed in the left frame, the link will not work.


It works when the same file is opened with a browser (IE, FireFox, Safari).

It also works with UiWebView.


Is this a bug in WkWebView? Or is it a specification?


Thank you in advance.



XCode10.1

iOS12.1 12.2



・index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sample</title>
</head>

<frameset rows="47,*" cols="*" frameborder="no" border="0" framespacing="0">
  <frame src="head.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset cols="270,680*" frameborder="no" border="0" framespacing="0">
    <frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="main.html" name="mainFrame" scrolling="yes" id="mainFrame" title="mainFrame" />
  </frameset>
</frameset>
<noframes><body>
</body>
</noframes></html>


・head.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SAMPLE TEST</title>
</head>

<body>
  <div><div>SAMPLE TEST</div></div>
</div>
</body>
</html>


・left.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SAMPLE TEST</title>
</head>

<body>
<div id="wrap">
  <div><a href="main.html#samplelink01" target="mainFrame">■aaaaa</a></div>
  <div><a href="main.html#samplelink02" target="mainFrame">■bbbbb</a></div>
  <div><a href="main.html#samplelink03" target="mainFrame">■ccccc</a></div>
  <div><a href="main.html#samplelink04" target="mainFrame">■ddddd</a></div>
  <div><a href="main.html#samplelink05" target="mainFrame">■eeeee</a></div>
  <div><a href="main.html#samplelink06" target="mainFrame">■fffff</a></div>
</div>
</body>
</html>


・main.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SAMPLE TEST</title>
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>

<body>
<div>
  <div><font size="6"><a name="samplelink01" id="samplelink01"></a>■aaaaa</font></div>
  <div>
        <tr>
          <p>12345</p>
          <p>12345</p>
          <p>12345</p>
          <p>12345</p>
          <p>12345</p>
          <p>12345</p>
        </tr>
  </div>
  <div><font size="6"><a name="samplelink02" id="samplelink02"></a>■bbbbb</font></div>
  <div>
        <tr>
          <p>sample sample sample</p>
          <p>sample sample sample</p>
          <p>sample sample sample</p>
          <p>sample sample sample</p>
        </tr>
  </div>
  <div><font size="6"><a name="samplelink03" id="samplelink03"></a>■ccccc</font></div>
  <div>
        <tr>
          <p>3333</p>
          <p>3333</p>
          <p>3333</p>
        </tr>
  </div>
  <div><font size="6"><a name="samplelink04" id="samplelink04"></a>■ddddd</font></div>
  <div>
        <tr>
          <p>44444444444444444</p>
          <p>44444444444444444</p>
          <p>44444444444444444</p>
          <p>44444444444444444</p>
          <p>44444444444444444</p>
          <p>44444444444444444</p>
        </tr>
  </div>
  <div><font size="6"><a name="samplelink05" id="samplelink05"></a>■eeeee</font></div>
  <div>
        <tr>
          <p>5</p>
          <p>5</p>
          <p>5</p>
          <p>5</p>
          <p>5</p>
        </tr>
  </div>
  <div><font size="6"><a name="samplelink06" id="samplelink06"></a>■fffff</font></div>
  <div>
        <tr>
          <p>666666</p>
          <p>666666</p>
          <p>666666</p>
          <p>666666</p>
          <p>666666</p>
          <p>666666</p>
        </tr>
  </div>
</div>
</body>
</html>

Accepted Reply

This problem is resolved in iOS13.

Replies

This problem is resolved in iOS13.