Loading the pages in new tab using google chrome cause style problems - html

I've developed before a website and it was working with no issues , then now whenever you open any page in a new tab the style appear with some problems on google chrome but whenever i refresh the page it return to it's original style while when i open the page without new tab it loads perfectly , I've tried this on Firefox and it's working well when i open any page in new tab or even in the same page , so what's can be the problem ?

Delete site prefences, Browsing and downloading history, cookies, chache,offline website data, ETC. Then Try to open pages.
If this not sought out your problem then reset Google Crome. Guide here http://ccm.net/faq/6361-reset-your-browser-restore-your-browser-to-default-settings

Related

target="_blank" not working in Google Chrome on mobile devices (Android)

I used the tag to link a pdf (which is stored in a folder in my website) with the attribute target="_blank", but it doesn't work on mobile devices (android)
My code:
Catalogue
This works just fine on desktop, it opens the pdf in a new tab of the browser, as it should with the attribute target="_blank".
HOWEVER, I tested this on mobile and the result was:
It works on iPhone using safari, BUT it doesn't work on Android using Google Chrome. Instead of opening the pdf in a new tab it automatically downloads the file.
Is there any way to change this behaviour?
I've also tried using target="about:blank" instead, but it didn't work
Try using the rel=”noopener” or rel=”noreferrer” link attributes for every link.
The rel=”noopener” link attribute prevents the linked site from receiving access to the original web page that is linking out. This prevents the linked site from taking control or otherwise influencing the linking site.
The rel=”noreferrer” link attribute hides the referrer information from the site that is being linked to. When a site visitor clicks a rel=”noreferrer” link, the site being linked to won’t know what site referred the visitor.
For example, if you code a link like this:
<a href="https://www.example.com/" target="_SEJ" rel="noreferrer">
The above link will open in a brand new browser tab.
For further guidance do visit this site:
https://www.searchenginejournal.com/blank-link-attribute/435883/#close

"google drive hosted web page editing is not working "

I host my web page using google drive.and i want to do some changes so i edit the html page in side the google drive using text editor and i save that file but i refresh the web page changes are not showing.but if i use another browser example internet explorer the changes are showing then i do another change and refresh the internet explorer changes are not showing. please help me.
I tried using one-drive also same issue in here also
====================================================
It sounds like your web browser has cached the webpage, meaning it's not going to Google Drive and is instead loading the page locally in order to save time.
In order to clear the cache, you can force refresh your browser by doing the following:
Windows Ctrl + F5
Linux F5
Mac Command + R

Is it possible for a website to know if i open another browser?

Websites can track if i open new tab . Can they track me if i open another browser ?
I researched on internet but i only found information related to tabs so i guess it's not possible.I have seen websites showing that if user is idle and can they tell the same if i haven't closed the browser but i have opened another browser ?
For example i have opened some website on google chrome . If i open Firefox without minimizing the google chrome, will the website on google chrome able to know this ?
Websites cannot use cookies from two browsers so i think they cannot track.

Clicking link with target _blank makes browser close new tab immediatly

Clicking on a link to our webpage using
Link
opens a new tab and closes it immediatly. This happens on all browsers apparently. Deactivating adblock and alike does not change anything.
Using the url without target="_blank" or right click -> open in new Tab however works fine.
The web page is an angular project and does not use any sort of trackers. Furthermore this behavior started only recently, so I assume it's due to some change in the page.
Any hint why this happens or where to start debugging this?
Found it.
I had a line window.close(); due to a workaround for a popup for facebook login, implementing this:
Facebook Login not working in PWA app if app is in stand alone state

open pdf in iphone webapp

I am trying to open a pdf from my JQM webapp. I have tried iframes/embed/object, and none of those work on an iphone like they do on a desktop browser (scrolling, zooming, etc). I have settled with simply opening the pdf via a link Link. This works fine in the standard browser because the user can simply use the browser back button to navigate back to my app.
The issue that I am having, is that when a user saves the page to thier home screen and opens it using the chromeless safari browser, they no longer have the browser back button. I have tried adding target="_blank" to the link, but apparently JQM hijacks the link and prevents opening in a new page, and I have been unable to get the hacks to work.
I have also tried pdf.js, but I can't seem to even get that to work as my javascript knowledge is fairly limited, and the examples are pretty advanced. The only tutorial that I found used an old version which I couldn't get to work.
Are there any ways to bypass the JQM in openning a link in a new window (which would in turn open in the mobile safari rather than my chromeless web app), or are there any other suggestions for how to open a pdf from a webapp?
Just disable the default jQuery Mobile behaviour, by specifying data-ajax=false.
For example:
Link
See http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html
For my webApps I used https://docs.google.com/viewer to embed the pdf into my interface.
So, when I navigate the webApp by home screen icon, the app doesn't close when I open the pdf.
I met the same question: open pdf in webapp with html5.
I've tried several solutions: iframe、embed、pdf.js, but none of them is the best solution.
tips: iOS 9.x upper, open pdf with iframe only show the first page of the pdf file, and there will be a <img /> tag in the iframe body when you debug.
util now I still have this troublesome problem, anyone has solution please write your experience here.
Thank you.