When checking the website on an IPAD AngularJS - javascript

I have developed a web application using AngularJS & PHP, it works fine on chrome & firefox but have issues loading on IE due to number of JS files, i will have to reduce them to make it work on IE.
When checking the website on an IPAD, all my "angular tags" are displayed like it is
"{{item}}" , "{{d.bar}}" , "{{d.lol}}", {{title}}, {{description}}, {{ratings}} etc.
can anyone have any thoughts why it would display like that

It could be, that there is some JavaScript issue on iPad, which prevents angular from doing its work. If there is some Developer Console on the iPad which displays javascript errors, you can try to fix them.

Related

My site doesnt open from iPhone (iOS 11)?

I have some problems with my website. My site is coded in HTML,CSS and JS.
Everywhere works perfect, Desktop (all browsers), Android (All browsers), in iPhone(iOS.11) doesn't work!!!
I think there may be two problems:
1. When i open the site, i have Loading Page script, and in iPhone it stops there and doesnt open the site.
2. The problem may also be with the new iOS 11, because with earlier iOS(10) was working very well.
Any suggestion, or any site which i can check my errors (debugg) or..?
google didn't solve my problem so i decided to ask, but still can't find the problem!!!
Thanks.
If you have an OSX available you can enable remote debug and see what's happening, most likely something is breaking based on something not being available.

Chrome does not support adding searchEngine through javascript 'window.external.AddSearchProvider(url)'

I am here to clarify an issue am facing in chrome alone and the issue is - 'I can't able to add My Site in chrome search engine via Javascript window.external.AddSearchProvider(xml_url) , However,on earlier times, it worked properly without any issues.'
I am not doing auto-adding my site to search engine with help of '<link>' tag (however, this too does not worked for me)
The 'window.external.AddSearchProvider(xml_url) works fine in firefox as earlier,,, The problem is only with the chrome, since, chrome supported earlier, and don't know the root cause of not able to add now. Please help me to figure out the issue by which i cant able to add in chrome Search Engine.
Thank you :)
Unfortunately window.external.AddSearchProvider is obsolete. It is working in Firefox but is no longer supported.
The <link> tag that you add in your site's <head> is for Autodiscovery of search plugins feature, this will list your site search engine in the configurations of the browser.
In chrome will list at chrome://settings/searchEngines

Firefox touch scrolling not working

I have an issue with Firefox. In both responsive mode and Firefox Mobile to be accurate.
The touch scrolling isn't working on my website. (But the scroll with the mouse is working on Responsive mode)
It works fine on Chrome mobile & Safari mobile.
I checked online and I already tried the dom.w3c_touch_events.enabled set to 1. It was actually set to 1 by default.
I think it's an issue on the JS/CSS side but I can't see where.
I use SASS and Pleeease to compile it and it's a React app compiled with webpack.
Also I use the method fetch to call my webservices if it can have any influence but I doubt it. (and have a polyfill for it)
I tried to nuke totally my CSS and it still didn't work.
Happy to share URL if people want to see the actual problem. I just don't want to be seen as a spam. Also I will share a test server and not the live one. (problem is the same anyway)
Found the (stupid) solution and posting it as it might be helpful to someone.
I had a overflow:hidden; added by mistake in html, body { into my SASS.
For some reason the responsive mode in Firefox is still not working (bug? cache? I don't know...). But once I tried again on my Firefox mobile it was gone.
Looks like Chrome and Safari are ignoring this CSS but not Firefox.
For the record I am on last versions on all my browsers.

Print website (chrome and angular) is not working (blank)

My website system is running on chrome 37+ and using Angular.js and bootstrap.
For some reason, I can't print my website.
When i try to print my website (using the browser print dialog), I usually get a blank print preview ("can not load print preview"). Sometimes it is not blank, but not really show my website.
I tried to run my website on some google chrome versions and some computers and it is not working.
I have been searching for reasons, but can't find one that will fix this issue.
Let my know for reasons for this issue. Thank you.
Chrome actually does have emulation of printing. See
You'll find this in a tab adjacent to console within developer tools. By enabling CSS media on print, you'll see your site with any print media applied. Once enabled, you may use the element inspection as usual to see how those extra css rules affect your site.
In particular, bootstrap will remove any background, and run a bunch of defaults across many typical elements.
Also, see this answer https://stackoverflow.com/a/21156904/2923245

Website functioning on all browsers except Internet Explorer 8

So i just finished up my website and uploaded it (New-ish web dev, please don't be to harsh). It works fine on all browsers except IE8. The website has a lot to load (images, etc.) so it is white screen for 1 - 2 seconds then fades into the actual site. On IE8 (IE9 + works just fine) the page stays on the white 'loading' screen forever. I have a lot of code here and I'm just wondering what you professional web developers here think i should do!
Website URL: http://cydronix.kkhorram.info/
There is two options: forget about IE8 or make it work on IE8.
Sounds like you have a problem with your javascript. To debug javascript on IE8, read this How to debug Javascript with IE 8.
I think one of your included .js files causing the issue. Check for the compatibility of your used javascript files
You said you uploaded the site - could you post the link if its live - otherwise without seeing some code the issue if difficult

Categories

Resources