Auto-Bypassing LinkedIn Login5-minute read
This is a follow-up to another post about manually skipping the LinkedIn login wall.
As noted before, every LinkedIn profile has a public version that can be viewed without logging in. The first time you view any public profile you’ll have full visibility with no impediments. When you view two or more profiles in a row, however, LinkedIn visually obstructs parts of the page. Specifically, the site still loads the complete public profile but imposes a login wall, gray overlay, and scroll lock via modal elements. Since this is just the result of superimposed elements and CSS, you can view the profile as if it were your first profile of the day i.e. a clean view of the public profile free of any login wall shenanigans.
After manually editing CSS elements one too many times on LinkedIn, I realized that there should be a simple, automatic way to override the login wall each time I browsed the site.
Here I note and provide a few ways of doing this:
- Clickable bookmark link (bookmarklet)
- uBlock Origin custom filtering rules
- Browser add-on to apply user-specified stylesheets (not recommended)
- Browser-specific methods of enforcing custom user stylesheets
If you find any issues or bugs, feel free to submit an issue in my repo for this project.
Best fix: Bookmarklet
This fix only needs requires one click for each new profile viewed.
Go to this page and follow the instructions on the page to drag the link to the browser’s bookmarks toolbar.
Once the link is in your bookmarks toolbar, you can just click it whenever you are browsing LinkedIn, are able to peek at the full public profile, but have the login wall blocking your view. Clicking the link should remove the obstructions on the page and let you view the full public profile.
Note: Since I’m on AWS Free Tier, the link might not work in about a year…
You can always create a bookmark on your own and manually enter the bookmark’s location as the following:
Remember to give a useful name to the resulting link created in the bookmarks toolbar.
document.getElementById('advocate-modal').style.display = "none"; document.getElementById('pagekey-public_profile_v3_desktop').style.overflow = "visible"; document.getElementsByClassName('js guest advocate-modal-visible').style.overflow = "visible";
To get to the browser console, find a blank spot on a web page in your
browser window, right-click, and select
Inspect Element, or
your browser’s equivalent in the resulting dropdown menu. The console is the
terminal-like area where you can enter commands.
Permanent fix via add-on: uBlock Origin
This fix only needs to be performed once to always remove the login wall and scroll freeze on every profile you might want to view. However, sometimes the scroll freeze isn’t removed if you start scrolling on the page before the entire page loads.
Add the following lines in uBlock Origin Settings > My Filters:
Honestly, you should have uBlock Origin on your computer regardless of whether you care about this fix to automatically remove the LinkedIn login wall.
A fix that works but I wouldn’t recommend: Stylish
This fix also only needs to be performed once. Even though it’s more reliable than uBlock Origin, I wouldn’t use it since Stylish isn’t very kosher from a privacy standpoint.
Stylish is a popular browser add-on for applying custom user stylesheets:
I added a small CSS stylesheet that can be added via the Stylish add-on to remove the soft login wall that was noted in the previous post.
Promising alternatives to Stylish
Native in-browser options
Firefox natively supports custom CSS.
A bunch of other browsers appear to have this feature as well.
Unfortunately, Chrome stopped supporting this feature in 2014.