Hiding some web page contents from being viewed in page source

Question

Hello,

I sometimes try to see some sites' source code, and most of them have very little to view for a front-page that has too much contents. I always wonder how they did it - hiding some of the page contents? In most cases, I only view styles scripts, and very minimal HTML.

Is there a way I can hide some source code when someone tries to see them in "View page source" ?

Maybe do like I usually see on most sites?

Answer 1

Hi @Donald Symmons

The controls and styles of a web page cannot be hidden.

In fact, those that are hidden are more of the back-end methods written by some framework. They are triggered by things like HTTP requests and APIs.

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="test" OnClick="Button1_Click" />
</asp:Content>

 public partial class About : Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            TextBox1.Text = "Test";
        }
    }

You can see this back-end Button1_Click method, which you can't see here. When we trigger it, he modifies the content of the html page.

When we trigger this button, the input has an additional value.

Best Regards

Qi You

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Most likely they are dynamically building the html with JavaScript. The view source only shows the download. If you use the browser dev tools to see the current html, you can see everything.