VS2012: Page inspector/"view in browser" won't work - html

I am new to website development, and I am having trouble viewing my webpage in a browser.
When I try to open the webpage in page inspector/ choose "view in browser" I get the following error.
Page Inspector:
"The attached page is not running in a compatible Internet Explorer standards mode.
To use the latest document mode add the following meta tag to the html page: <meta http-equiv="X-UA-Compatible" content="IE=Edge" >
To try to dynamically add the meta tag for this session click here."
View in Browser:
"Uh-oh, something went wrong! Error Code: 500"
I've tried adding the meta tag to the source HTML and it still doesn't work. Also, I am following step-by-step tutorials on youtube, doing everything exactly the same, yet it still won't work. If I open a ASP.Net webforms site I can view it in the browser, I'm just having trouble viewing them when I start from an empty website form.
Hope this makes sense and thank you.

Related

HTML compatibility with embedded browsers like Embedded IE and Embedded Mozilla

My webpage is developed in HTML5, CSS, Bootstrap and JavaScript. Now I need to view my webpage in some embedded browser like embedded IE and Mozilla. The problem is my webpage is not loading properly. Do I need to include any HTML tags in order to make my webpage compatible with embedded browsers? Help me out.
I suggest you should post any sample code to reproduce the issue. It can give an exact idea about the issue.
I assume that you are using the IE 11 browser and bootstrap 4. I suggest you add the below meta tag in the head section of the web page.
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
If <!DOCTYPE HTML> is not added in the page then try to add it at the top of the page.
If you are using the older version of the IE browser then you can refer to the information below.
If the issue still persists and something specific is not working then I suggest you add a sample code here and provide the detailed information about it. We will try to provide further suggestions.

Open Graph share debugger scrapes empty html

I'm trying to set up Open Graph meta tags for a website. When I access the site normally using a browser and inspect the source, the tags are there. However, they don't show up when I use the OG debugger.
The site that I'm developing is here spurafrika-org.vercel.app (Next.js site). It's replacing the original site here: spurafrika.org (WordPress site).
When I use the See exactly what our scraper sees for your URL feature, I get this:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head>
<body><p>ÿþ</p></body>
</html>
See for yourself here. Vastly different from my actual source for my websites.
I originally thought it might have been a Vercel/Next.js issue, but when I discovered it also happening on the WordPress site, I was very confused: see this. I've checked other sites developed with Next.js and WordPress - the meta tags work fine on the debugger.
Another point of confusion is that the debugger tool seems to be able to pick up that on my Next.js site I've listed https://spurafrika.org as its canonical URL, which it can only tell through my og:url tag. Yet when I view what the debugger supposedly sees, it shows the above empty HTML snippet.
I thought perhaps it might have been an encoding or parsing issue, but I've validated my HTML source using several tools and there are no problems.
I'm stumped. Anyone know why this is happening?
I copied your code against a code sandbox - https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fkzi2c.csb.app%2F
Initially keeping the og:url as https://spurafrika.org/ caused warnings and og:description not getting picked up, once i pointed it to the actual url it all got fixed
Change the og:url to the right url may fix it, give it a shot and let us know.

Document mode defaults to 8, though using IE11. Why?

I have a problem that my webpage does not display as i wish it to do.
When opening the F12 developers tool in IE11 it says "Document mode: 8 (Default)".
If i change it to mode 9 or higher the page displays as i want it to do.
My code is included in the host web page through an Iframe. I do unfortunatly not have access to edit the host code. The host code includes the code:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
I thought this code would ensure that the code was not shown in document 8? The code is included at the end of the head tag, with 88 lines of code in front of it. Could this be what is causing it to use document mode 8? How can i work around this when i am not able to edit the head code?

VS2012: Page inspector and view in browser won't work

I am new to website development, and I am having trouble viewing my webpage in a browser.
When I try to open the webpage in page inspector/ choose "view in browser" I get the following error.
Page Inspector:
"The attached page is not running in a compatible Internet Explorer standards mode. To use the latest document mode add the following meta tag to the html page: To try to dynamically add the meta tag for this session click here."
View in Browser:
"Uh-oh, something went wrong! Error Code: 500"
I've tried adding the meta tag to the source HTML and it still doesn't work. Also, I am following step-by-step tutorials on youtube, doing everything exactly the same, yet it still won't work. If I open a ASP.Net webforms site I can view it in the browser, I'm just having trouble viewing them when I start from an empty website form.
Here is the header of my html code.
**<%# Page Language="C#" AutoEventWireup="true" CodeFile="Registration.aspx.cs" Inherits="Registration" %> <!DOCTYPE html> <html xmlns="w3.org/1999/xhtml">; <head runat="server"><title></title> <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>**
any help would be greatly appreciated.
I think there are something wrong in the IIS.
First, please check which IIS that the project used and check whether the ASP.NET Application Development Feature has installed. (Right click the project=>Properties=>Web)
If it used the default IIS Express please try to re-install the VS and try again. You could try to host it to local IIS and check the result.
Or
(Right click the project=>Property Window => Managed Pipleline Mode > Classic

HTML issue compatibility view lot of data IE Struts2

I have a web page using JSP and Struts2.
On this page I have a struts Iterator with quite a lot data (around 200).
I write for each data I have one tag tr.
My problem is under this list, I have another property which doesn't appear when I load the page but If I change the style of one tag on the page with the developer tool of IE, It automatically appears.
The property is in the source code and just doesn't appear. But it work well without the compatibility view.
If someone knows this issue and how solve it (without write <meta http-equiv="X-UA-Compatible" content="IE=8" > in my page).