When I start a debugging session on VSCode, it opens a new Chrome window and loads my web app. My web app requires the user to sign-in via Google to use.
When I try to sign in, I get an error saying "This browser or app may not be secure". There is no option that allows me to bypass this and sign in. Does anyone know a way around this?
There is a Bug filed with Chrome Team.
https://bugs.chromium.org/p/chromium/issues/detail?id=1173641
Also here's the issue on github of VS Code
https://github.com/microsoft/vscode-js-debug/issues/918
As of now (9th Jan 2022), the only solution is to use other browser or use different way of Debugging.
Logged into the correct google account turning on "Less secure app access" on https://myaccount.google.com/security should work
From google support: https://support.google.com/accounts/thread/22873505?msgid=24501976
Related
I'm currently developing a mobile web page integrated with google map, and I need to include a my location button on the google map. in JavaScript i having something like this
navigator.geolocation.getCurrentPosition()
It is working in desktop browser, prompt me whether allot website access my location. In mobile browser it doesn't prompt me allow or deny, just throwing error says "User denied Geolocation".
Does anyone has come across this?
So you'll have to allow location sharing on an iPhone.
Go to Settings > General, then go to Reset > Reset Location & Privacy.
If you intend this to be used by other users you'll have to prompt for permission like Justinas stated.
I'm making a "new tab" page just for fun and to learn.
I want to add the user name (if the user is logged in) to a element. I have no idea on how to do this
I'm not asking you to do my work, but to guide me and help me with some documentation.
EDIT: It is a chrome extension
Question could use a little more information BUT — Login / Logout Authentication for users is generally a bigger job than you would at first think.
Coming from a freelance web / app development background I generally consider an authenticated web app at least twice as complicated as the unauthenticated version of the same functionality.
You mentioned new tab landing page so probably you are going to be heavy into these docs on Chrome extension authentication:
https://developer.chrome.com/apps/app_identity
Here is a little bit more on Chrome app authentication: https://developer.chrome.com/apps/identity
From the above Chrome docs the steps your app needs to perform are:
Add permissions to your manifest and upload your app.
Copy key in the installed manifest.json to your source manifest, so that your application ID will stay constant during development.
Get an OAuth2 client ID for your Chrome App.
Update your manifest to include the client ID and scopes.
Get the authentication token.
There are some great resources already on stackoverflow relating to chrome extension authentication, specifically this one:
chrome.identity User Authentication in a Chrome Extension
It looks like there are also others working on this same problem:
https://gist.github.com/raineorshine/970b60902c9e6e04f71d
Hopefully that gets you headed the right direction. Welcome to stackoverflow!
This is a pretty general question with a couple examples. I'm fairly new to writing chrome extensions and I seem to keep running into cases that are impossible to test without deploying to the webstore (which takes ~60m each time). This is an impossible workflow. Am I missing something?
Case 1 inline installation
Trying to set up inline installation from my site to a chrome extension. When I run the site locally i get the following.
Error downloading extension: Inline installs can only be initiated for Chrome Web Store items that have one or more verified sites.
But I cannot seem to add localhost website property in chrome's developer dashboard. What is the recommended way to do this in a dev environment. I tried using local.mywebsite.com and adding a local alias for localhost, but now chrome cannot find the verification file you are required to serve...
Case 2 Chrome Extension OAuth
Attempting to use chrome.identity.launchWebAuthFlow to setup user credentials in my extension for my website, but of course the callback url provided https://<ext-id>.chromium.org/provider-cb does not redirect to my local deploy of the extension.
Is there no way to test these things??
Regarding your error "Inline installs can only be initiated for Chrome Web Store items that have one or more verified sites.", you may follow the instructions given in this page.
You need to:
Go to the Webmaster Tools.
Add the site to your sites.
Obtain and embed a verification code into your site.
Complete verification in Webmaster Tools.
Go to your Developer Dashboard (must be under the same Google account) and edit your Web Store item.
Select your site in "Verify that this is an official item for a website you own:"
Here are some references which might help in testing extensions:
Testing browser extensions
How to test chrome extensions?
I'm facing an issue with chrome 28.
I build an application that use the webcam to take picture.
I had no problem with it, but since I upgrade to chrome 28, my application is not working anymore (I'm getting an error with the getUserMedia function).
Here is the message : {"constraintName":"","message":"","name":"PERMISSION_DENIED"}.
If I try to run the app code on a simple html and httpserver, I got no problem with it.
And when using the APP I'm not asked anymore if I allow the usage of the webcam.
I've tried to turn on some chrome flags for webrtc but nothing change.
Does anybody has/had this issue ?
Thanks !
You may have accidentally denied access to the webcam in the past. If your site is being served via HTTPS, that setting will be saved. This page has a description of that error and a screenshot that shows what the settings should look like.
Once you have tried all the above:
Make sure that there is no other program or browser tab accessing the camera.
If you are on Android, open a camera App to make sure that the it's not stuck (it happens to me all the time with Cyanogen).
What the browser is reporting is that a media source is missing (might be permissions, config or harware). More info here: http://webrtchacks.com/getusermedia/
Once you have made sure that the site is not blocked in Privacy content settings, Goto chrome://flags/#enable-permissions-bubbles in Chrome and ENable these . Now the notification will appear asking for permission to access the web cam , just click allow .
I'm building a very simple facebook application that just fetches a user's notifications from Facebook and also allows them to login. The URL is: http://widget.sidepage.co/_jump_frame.html
This works perfectly on Chrome - where the user is allowed to log in and authorize the app through a standard Facebook popup and once the app is authorized, it works well.
The problem is, on Firefox, clicking on the Facebook icon on the widget only opens a blank tab. There are no popup blocker warnings or JS errors thrown at the console.
Any pointers on how to fix this?
oh dude easy fix this is a Defining document compatibility issue...
and for what exactley you will need i suggest doing exactly what I did to find out what your issue was run your app in firefox 16 and request to view the page source and observe the mark up as it is rendered to firefox and then do a little research on what it is that firefox 16 needs as far as a compatible input to run your code. It shouldn't be too bad. Best to you.. A few other sources. On this topic and legacy compatibility.
helpful link
helpful link
hope that helps dude :)