Webpage is not being rendered properly - html

Hi I am an android developer and haven't much knowledge about web, I purchased this App and it has a web back-end, it working pretty fine when I run it local like this,
but when I run this via hosting , I am getting this. link
After going through some search I found that these are some sort of Angular tags, as I already have mentioned that I haven't knowledge about this, How do I solve this?

It's happening due to hosting or path resolution issues.
None of the JavaScript files are getting loaded due to which the page is breaking and hence you are seeing raw code.
Fixing the proper loading of JS should fix the page. You might need to tweak it further in case relative path's are not loaded correctly.
Overall, it is not a code level issue yet.
Below is the screenshot of the hosted link you shared.

Related

Confused HTML beginner here

so I've recently started learning web development and I read and write html according to a tutorial that uses html 4, and just practice it on notepad++ and test them on my browser.
Now there's a problem that's been bugging, the web page doesn't change at all even if I comment out the code or change a few things in it.
I messed around with the height and width of an image and it didn't change, I tried creating a folder outside the notepad++ folder and put everything there and nothing changed, I created a completely new file(added in notepad++) and folder and it was the same. I'm still in the middle of the tutorial and this problem has just been bothering me, someone please help
I think you should try clearing browser cache or try using other IDEs like vscode or if you use android then trebedit or Dcoder
Try refreshing your page, or use an IDE like Visual Studio Code and the live Server plugin. This should help you as a beginner because both of these tools are really easy to use. Maybe it isn't changing because you had never saved your file.

Web browser interface using HTML/CSS/JS?

I’m building a simple browser, and I’d like to code most of it using HTML/JS/CSS. I cannot use iframes to display pages, due to frame-busting. What are my options?
The browser is not meant to be production-quality, but as a proof-of-concept for my thesis, similar to this interactive mockup. The main features it will need to support are:
Loading any page without frame-busting (even google.com),
Detecting when a link is clicked and opening it in a new frame, with the original one remaining intact.
I intend to write this using Web technologies, but it’s OK if it needs to be wrapped up in a small amount of something else, e.g., to turn it into an Android app. However, if it’s possible, it would be best if I could load the app as a web page. Finally, it is also preferable to be able to run the app on an Android device, but it’s OK if it only works on a desktop.
In researching this question, I came across a few options:
<iframe>. Google.com doesn't load at all in an iframe. I tried using the sandbox attribute, but it still didn’t load. Is there a way around this (for any page)?
Mozilla’s Browser API. This API was supposed to allow you to use the mozbrowser attribute in an iframe when building FirefoxOS apps. I suspect there’s no longer any way to access it. I couldn’t get the sample browser app loaded, and it seems that mozbrowser is not supported in WebExtensions. Did I miss something? Is there a way to make this work?
<webview> in a Chrome app. This is the only option that worked so far. I was able to download and install the sample browser app in Chrome. The one downside is that it seems to be Chrome-only (and I would prefer cross-platform or Firefox, all else being equal). Are there any issues with this option? Any way to make it run without Chrome?
Electron app with <webview>. While the setup here is more complicated than the previous option, it seems like the code would be very similar (there’s even a similar sample browser app). Are there any advantages/disadvantages to this option over the previous?
So, are there ways to make options 1 or 2 work? Are there perhaps other options?
HTML/CSS is a "language" translated by the browser into pages. You cannot code a browser in HTML. The easiest solution is to code it in C#.
I'm not sure if this is a good solution, but you can try Electron (nodeJS). You will only need to use JS/CSS/HTML.

Styling not loading correctly online

I'm working on a wordpress website on my local machine (vagrant homestead). It works perfectly, all the styling is loaded.
But when I place this online, the theme doesn't work correctly. Console is not showing errors (only warnings). This is the online version.
What could be the problem here?
With the information provided, I would say the stylesheet directory is incorrect or perhaps being overridden by something else. The order of your stylesheets can affect this as well. If this doesn't help, upload a screenshot of all your stylesheets you are including so we can find out which one isn't loading and why.

IMG src='file//..' does not return expected image BUT the same file//.. in navigation bar does

I'm developing a page that uses an image from a Networked File System.
The HTML is:
<img src='file://192.168.1.25/dir/subdir/fname.jpg'/>
and the image does not display.
However when I put
file://192.168.1.25/dir/subdir/fname.jpg
directly in the Navigation Bar the image displays with no problem.
I've already researched the problem and saw a lot of answers about slashes (the number of them and type - forward or backward) and also some bizarre suggestions but no definitive answer that works. I'm sure there must be a very simple solution. If I can display the image perfectly from the Nav Bar, I can't see any reason why the img src= would behave differently (but then browser developers may be strange beasts and they certainly all do it a different way).
I suppose that an http://... link in the src= would work fine but I was trying to avoid mounting a Web Server on the source machine just for this purpose as the Web App is destined to be an internal web where all the authorized users will have access to the Networked File share and the source machine is destined to be in an externally available environment with various daemons handling all external client communications and other tasks.
I'm testing with Chrome right now and have not tried it on other browsers but I really need a portable solution that would work on MOST if not ALL HTML5 browsers.
Thanks in advance for any insights.

What instead of iframe ? Subdomain issue

Let's assume there's a site - http://domain.com
Now my job is to upload a CMS (Joomla, version 1.7). However, there's a big mess on FTP - already a Joomla (version 1.5), forum software, many unknown PHP files, many custom folders.
I can't simply upload Joomla 1.7, because I would have to delete that Joomla 1.5 file by file. So I've decided to upload CMS to subdomain, http://domain.com/subdomain, and display that content from http://domain.com. I don't want to simply redirect, because original URL must be kept.
How to do it? iframes are pretty outdated.
Iframes ? Stay away, use rewrite rules and keep the domain clean
http://httpd.apache.org/docs/current/mod/mod_rewrite.html
iFrames are still heavily used today and would be a fine solution for you. However there would be some problems with using an iframe that you should consider. My two cents fix the problem correctly by install Joomla properly, then try the using re-write rules all else fails you can use iframes.
Bad Points for iframe solution:
Using an iframe pointing to your site would probably be really bad for SEO. I don't think google or bing would look into the iframe thus you'd get 0 SEO value out of this solution.
URL link's would be ruined, if a user wanted to bookmark, tweet the url,
or even just send it to a friend they would have no way of doing that
because the url would be changing in the iframe not in the browser
bar.
No so bad points for iframes:
Sounds like this is an easy workaround for your problem so its not very time consuming.
iFrames are used all over the place on the internet and are fully supported by all major browsers.