Home>

I want to check with developer tools that the action is changing, but I don't know where to look.

<html>
<head>
<meta charset = "utf-8">
<meta robot = "noindex">
</head>
<body>
    <form action = "" method = "post"></form>
    <form action = "hoge.abc" name = "form2" method = "get"></form>
    <script>
        function clicker () {
            document.forms [1] .action = 'hogehoge.php';
        }
    </script>
</body>
</html>
  • Answer # 1

    You can see it by checking the form tag from the developer tool.

    * You have to execute clicker.

  • Answer # 2

      

    I want to check with developer tools that the action is changing, but I don't know where to look.

    Assumes GC.
    Right click on form element->[Inspect element]
    In the sample code, there is no height in the form element, so I think that the body element is selected, but if you follow the child, you will reach the form element.
    (Because the color of the changed part changes, it is easy to understand)
    https://developers.google.com/web/tools/chrome-devtools/inspect-styles/?hl=en
    If you runclicker ()in the console and compare before and after, it will be easy to understand.

      

    <meta robot ="noindex">

    A grammar violation.
    https://support.google.com/webmasters/answer/93710?hl=en

    Re: misa3-san

  • Answer # 3

    You can see HTML changes in the Elements tab.
    You can search for the target HTML from there, or press the leftmost arrow button to select the target element on the screen.
    Please refer to the following articles.

    How to use Chrome developer tools