Certain webpages only half loading - google-chrome

Good day,
Since moving house and having my new internet (and new ISP) installed, some web-pages only half-load and I constantly get cloud-flare warnings requesting that I confirm that I am not a robot. I did not have this problem with the previous ISP. I have attached some examples of the issues I'm having. This does not appear to be a "Chrome-only" thing as I get the same results with IE.
1. The first image shows the web page loading, but not giving all the information.
2. The second image shows the warnings that constantly pop up.
3. The third image is just an example of buttons that won't load on clicking, and some of those buttons don't even let me click them at
all.
Issue:
Can't load into certain pages, and can't click certain buttons, and keep getting this cloud-flare thing.
Things I have tried:
- Restarting computer
- Reinstalling chrome
- DNS flushing using the command prompt
- Changing DNS to the google DNS
Any and all help is greatly appreciated. Thank you.

I'm imagining your computer is the same, but your router is new/different (for the new ISP)? Maybe your computer has existing proxy settings which were specific to your old ISP, and won't work for the new one.
Search 'proxy' in Windows search and disable any custom proxies.

I've got the same issue as well when i moved into my new house. When i researched some more and talked with my tech-savvy cousin, he said that it could be because the internet connection isn't strong (some of the data gets lost in the way) or the ISP isn't allowing you to do the things that you want to do. Sometimes this occurs when you are asking for a lot of data. It is a security feature. Call them and ask why this is happening. Maybe it's different.
Also, check if you have a VPN on. I could also disrupt the websites.
Hope this was useful!!

Try connecting a different device (like an Xbox, or PS, or your phone) and see what happens. If it can connect to the devices mentioned above correctly, then the problem is with your PC or laptop or apple device.

Apparently the issue had to do with the IP address. They gave me my own one and all was well in the world.

Related

Cannot seem to interact with dynamic script in multiple browsers

A couple months ago I noticed that when using my PC instead of phone to access my online banking, the login screen would load but the Username field was greyed out, as was the Continue button. (hsbc.ca)
The register hyperlink works.
I thought it was an issue with their site, used my phone.
About a month ago, I noticed that when attachments were in my gmail, I could no longer click on them to view them. Clicking them had no discernable effect. I had to specifically download them first.
About a week ago I logged into dndbeyond.com for the first time in a while. Noticed that in lists of spells or feats, where I used to be able to click on an entry and it would expand to show more information, clicking on it does nothing. Unless I click on the name of the feature, which is a url to a new page specific to that feature.
I have tried Chrome (my default), Edge, and Firefox, and the issue persists in all of them. I have done a virus scan, cleared cookies/cache, and I just have no idea what is going on. Chrome is the only browser that has plugins for ad-blocking, as I do not use the other browsers.
Two other computers here have no issues, one on a VPN, one not. I have tried with and without my VPN. OS is Windows 10 Home, OS is fully updated. As are the browsers.
I cannot recall any software being installed prior to the issue that might be the culprit.
I would appreciate any help that could be offered.
EDIT 1: I downloaded CCleaner and after scanning, cleaning junk, checking and resolving registry issues, the issue still persists.

Having trouble clearing cache to refresh webpage

This may sound like a very basic question but I feel like I've tried everything.
This a follow-up to this post I made earlier, where I resolved the issue, only for it to come back again.
To summarize, I was making some change to the contact.css file on the contact page of my website when I noticed the changes were working offline but didn't appear online. I narrowed this issue down to a caching issue with the above post (others could see the changes but I couldn't).
In the above example I couldn't get my website to show up as background-color:blue - eventually it worked and I thought I'd fixed it... So I go to change the color back to normal and boom, it stops refreshing the changes again.
So I think it's some sort of caching issue but for the life of me I can't get my cache to clear properly so that I can refresh and see the changes.
Here are the things I have tried already:
Clearing cache (many times) on Chrome, Firefox, and Opera
Hard refresh on Chrome, Firefox, and Opera
Disabling cache through dev tools on Chrome and Firefox (this worked initially then stopped working when I re-updated the website)
Checked multiple times that the CSS file uploaded correctly and the file path was correct. This was confirmed because the correct changes were seen by other people.
Flushed my DNS
Changed from my ISPs DNS to google's 8.8.8.8 + 8.8.4.4
I'm using HostGator to host my website, I'm wondering at this point whether it's something to do with them? I really just have no idea at this point.
Here's what I see online:
Here's what I should be seeing and what I do see on the offline version of my website:
I noticed you said "I'd really like to get to the bottom of the underlying issue" so I figured I'd write an answer to provide a few options (and if anyone wants me to add others, please feel free to add a comment). Overall though, determining your root cause is likely much harder than just solving your overall problem, but let's start with possible causes that I can think of off my head:
Multiple CDN servers taking a while to update so some are returning the old data (your current session) and some are returning new (incognito)
Server session caching so when you reload the page within one http context session you get back the same content (I've seen this in product search queries for example)
The solution to this is relatively simple though, it's called cache busting. Basically, every time you update your source code just add a unique key in either the query string, file name or something to make the url unique. For example, for your css you can link https://path/to.css?v2.0.1 and just keep increasing the version number as you go. If you use webpack for your build outputs, they have a content hash variable that you can use as a token in the file names.
As for the CDNs possibly caching things out of date... the content hash solution will solve that problem as it's an entirely different file name so the CDN will go get it from the root if it doesn't have it in it's cache. I'm unsure of the url version query parameter will do the same, maybe someone else could shed some light on that.
Have you tried using Incognito in Chrome?

Website updating on some devices but not others

My website only works on my laptop and phone! On my ipad, (it is a school ipad, managed by the district) the website doesn't update. I have cleared the cache. I need to present this next monday (my classmates will also be using their school ipads) and it was working fine earlier. PLEASE HELP
www.andescloudforestnmea.com/next.html
EDIT: The website was updating fine before today
Replying to the comments:
Yes, i tried incognito mode but it made no difference.
Yes, what you see is right but on my school ipad i think that it my school is blocking my server or something. Is that possible?
Since we have already determined that your web site has been updated correctly and the files are OK on the server, it's been narrowed down to possibly your school ipad blocking your server. You can try accessing it through a web based proxy for a quick test. Try this service:
https://www.hidemyass.com/proxy
Something else you can try is to upload your web page to another server. Since it's just one page, you don't need anything special. In fact, you could save the file on any free hosting service. Here is an example I created on HTML Pasta:
https://33d08f2c-9365-4692-bc3c-3ed68c454c41.htmlpasta.com
You can create your own at https://htmlpasta.com
EDIT: P.S. Your school ipad is probably not blocking anything but has some kind of cache that you have not cleared. Since you mentioned that you cleared the browser cache already, it may be routing your network through a school proxy or something which is caching the old site on the network level (or some other type of cache)

How to test mobile chrome's "save to homescreen" prompt

I'm resurrecting an old project of mine as a way to learn some new stuff.
I'm doing this code lab from IO Add Your Web App to a User's Home Screen.
Is there any way, other than connecting a phone and waiting a lot, to test if users will be shown the prompt below?
I've tested it with Lighthouse and all tests come back green, but I've never seen the prompt. It feels very random at the moment.
The answer to This question puts the stuggle into perspective:
The user has visited your site twice over two separate days during the course of two weeks
Does that mean I need to wait 2 days between changes to see if it worked?
Enable chrome://flags/#bypass-app-banner-engagement-checks and you will see the banner as long as you have a manifest (configured correctly) and are on HTTPS and have a service worker.
Increasing Engagement with Web App Install Banners
anshulix has correctly answered the question, but I thought I'd put in a more verbose answer.
To remove the waiting and other requirements for the save to homescreen prompt, then you need to enable a flag.
Enable chrome://flags/#bypass-app-banner-engagement-checks and you will see the banner as long as you have a manifest (configured correctly) and are on HTTPS and have a service worker.
Which comes from Increasing Engagement with Web App Install Banners
It's important to remember that you are setting this flag on the mobile browser, not on your desktop browser. For some reason this didn't occur to be for a while!
You also need to restart mobile Chrome for the flag to take effect. If you've got your tabs mixed in with your other apps, this can be tricky because you need to hunt down all the tabs and close them. (Or find a better way to close Chrome.)
I found it much easier to do this debugging in Chrome Dev, rather than regular chrome because a) I know it's got the latest fixes in it, and b) because I only have 1 tab open, so it's easy to restart the browser.
If you are doing remote inspection, there is an issue about the messages that come up in the console. In Chrome 50 you get:
App banner not shown: could not determine the best icon to use
This doesn't seem to be true; in more recent builds—e.g. mobile Chrome 52—save to desktop works just fine. It's a disconcerting but useless error.
As a bonus helpful thing, realfavicongenerator does an excellent job of generating all the icons and the manifest file that you need.

Webrtc no video when users are on different network

So I have a website set up. With a clienta page and a clientb page.
This is basically a split version of this site:
https://webrtc-demos.appspot.com/html/pc2.html
I am using signalr (websockets) to exchange information between the clients.
When a user opens up both cleinta and b on the same computer it works fine.
When a user opens up clienta on one computer and on another computer opens up clientb BUT both computers are on the same network, it works fine.
When a user open up clienta on one computer and on another computer opens clientb BUT on different networks there is no video or audio.
When the ice messages are exchanged i pass back a number so i know the order its sent. On the opposite end they dont always arrive the same order, but audio #1 always gets there before audio#2. and the same with video.
In all cases im using chrome dev 24.
I realize sequence and timing are everything with webrtc. Im just not understanding how it can work on separate pcs on the same network but not different networks. I should point out that when i say same network ive test both at work with 2 pcs and at home with 2 pcs. so i dont think its a firewall thing.
Any ideas?
I did check out https://apprtc.appspot.com/ as its a slightly more relevant link. This lead me to adding a couple settimeouts though they didnt seem to help.
One last thing, i did mention about the ice messages. I should also note that both sides send and receive all the messages. an offer is created and an answer is created. Hence, it working on same network machines.
Update:
Im using jsep and all the latest syntax according to webrtc.org
Update 11/15/2012:
So is there a open source package for creating a media relay?
Specifically .net, but could be php. The current site is public facing, this is how I was able to test on multiple networks. So it seems like I just need another endpoint for the media relay.
Updated 11/16/2012:
In hopes that I'll get it working or get valuable input from other developers I'm putting my code out on github.
https://github.com/thorst/RTC
Updated 11/21/2012
The code now works for everything except different network connections. (as described in this post)
Updated 5/28/2013
This years google io was much better at explaining turn, stun, and ice.
http://www.youtube.com/watch?feature=player_embedded&v=p2HzZkd2A40
For reference here are the older helped me get started
http://www.youtube.com/watch?v=E8C8ouiXHHk
http://www.youtube.com/watch?v=dAhhniqwkp8
Chrome doesn't implement TURN yet. STUN will only help with some types of NATs but not with symmetric ones which are prevalent in home routers. You need a media relay with a public IP to connect two devices that are behind symmetric NATs and the standard for that is TURN https://www.rfc-editor.org/rfc/rfc5766 .