I'm a big fan of the Blacked out themed apps, I wanted to do the same for Web pages. Here is a solution for any browser: Web Browser With Black Background (Invert Colors / Night Mode) Through Proxy Filter. Full credit goes to claimui.
Implementation:
HTML pages are filtered by a local non-caching Proxy server (localhost:8118) which dynamically modifies HTML pages to insert a CSS style sheet which replaces background/text/link colors. Web browsers display the modified HTML with black backgrounds, light gray text and green links.
Pros:
1) This is a Web browser agnostic solution (AOSP, Chrome, Ocean, Next ... etc)
2) Unlike using an "Inverse rendering" option, graphics display as intended
3) Extends blacked out theming to apps that display HTML (e.g. Flipboard)
4) With a text editor you can modify the theme for HTML pages to any combination of colors you wish
5) The speed of the filtering is non-obtrusive
6) No negative impact on any other network traffic (YouTube, Email ... etc)
Cons:
1) Cannot be use along side another local proxy server such as an ad-blocker (e.g. Adblock Plus). See: *
2) The proxy is specific to a WiFi connection. With JB 4.2.x/4.3 there is no method to set Ethernet adapter proxy settings (at least to my knowledge).
3) TapaTalk displays an error message and the "Processing" pop-up will spin forever. Just click on the screen and the app is fully functional. At worst this is just annoying. Once in a forum the issue is mute.
4) You need a rooted device and a file browser capable of mounting "/" root as RW (e.g. ES File Explorer)
* - the proxy app has ad-filtering capabilities but its not nearly as developed compared to other ad blocking solutions
Following these instructions I had this solution working, on my Nexus 10 (rooted Stock 4.2.2 and 4.3), in a matter of minutes. Make sure to remove or disable any other proxy (e.g. an ad blocker). If that is not done the proxies will clash and confuse your testing, especially when getting the proxy to auto start at boot time.
Change your WiFi proxy settings after installing the proxy server from the thread above. For Android 4.2.2/4.3 access your Settings->WiFi then long press your connection, click "Modify Network" on the pop-up. Check the "Show Advanced options". Then from "Proxy settings" select "Manual" and you can enter Proxy hostname "localhost", Proxy port "8118" and Bypass proxy for any URLs or IP addresses you want. I tried adding "forum.xda-developers.com" but it did not make any difference with TapaTalk, so I'm not sure the Bypass values have any effect on the proxy server.
I found that when manually starting the proxy server and after changing the WiFi proxy settings that I needed to toggle WiFi off then on to get the connection to use the proxy server. That is not required when the proxy is started at boot time.
To have the proxy server start at boot time use a solution like the free "Universal Init.d" app, which even works with Android 4.3.
With a HTML color name chart you can easily change the defaults (black background, light grey text and green links) to any theme colors you wish. The Proxy uses a filter text file called "/data/opts/force_color.filters" which contains colors with the usual HTML color names (e.g. black, LightGray, LimeGreen ... etc). My one attempt at using HEX values (e.g. #000000 instead of "black") failed so I assume HEX values are unsupported.
I was pleasantly surprised that many of the news feeds in the Blacked out version of Flipboard suddenly displayed with the proxy's filter colors. Before that the detailed articles would display in the usual white background/black text somewhat reducing the value of a the blacked out theme.
Not all news feeds are effected though. For instance "Daily Beast" is completely altered while "The NewYorker" usually is unaffected. With "Slashdot" only the comments colors are changed. Still anytime you click for a "View Original Article", which launches a browser, you get the full Blackout proxy theme.
I hope those that are sick of being a user in the head-lights will enjoy this simple addition to the Blacked out theme efforts.
On a side note the linked thread mentions that Opera has a user style feature built-in and provides a Blacked out style sheet for download.
Related
Is the a mod for the default browser to set the Google search to the desktop url by default instead of the mobile url. I'm using cm7.
Are you talking about the default User Agent setting (UAString) or what url the browser opens up in (http://wap.google.com for mobile)?
If you are talking about the User Agent setting then to see it in your Settings you must type in "about:debug" in the address bar and hit enter. After that you won't notice anything different. But if you go to Menu, then Settings for the browser you will see some new properties that are now exposed and UAString is the one that you will need to modify to change your browser's User Agent setting so the websites you go to will see you as either an Android device, a Desktop, or an iPhone.
sjmoreno said:
Are you talking about the default User Agent setting (UAString) or what url the browser opens up in (http://wap.google.com for mobile)?
If you are talking about the User Agent setting then to see it in your Settings you must type in "about:debug" in the address bar and hit enter. After that you won't notice anything different. But if you go to Menu, then Settings for the browser you will see some new properties that are now exposed and UAString is the one that you will need to modify to change your browser's User Agent setting so the websites you go to will see you as either an Android device, a Desktop, or an iPhone.
Click to expand...
Click to collapse
If i use the search widget or type search in the browsers address bar it loads the mobile website. I would prefer it to load the desktop website.
Try changing the UAString as I've mentioned in my last post. I've tried all three and all three displays the results differently in the browser.
sjmoreno said:
Try changing the UAString as I've mentioned in my last post. I've tried all three and all three displays the results differently in the browser.
Click to expand...
Click to collapse
I currently have it set to Linux desktop but it still brings up the mobile. I think its hard coded in.
Hello all,
I'm new here. First post. I hope someone can help me out, please.
I'm looking at a complex web page which has a section on one side which scrolls information in contrast to the main page area which remains static. When I touch the screen and move my finger, it just moves the entire page up, as though it is all one static image.
What setting do I need to change or what add-on do I need to download to allow it to see all the information in this scroll?
The website ends in ".jsp" if that helps...
All help is greatfully appreciated!
Recheck, if javascript is enabled in options(icon top right)>settings>advanced
Try changing UID ( from android to desktop), search for it there are many threads on it, with instructions!
If still vain, Can you share the webpage? Will try a workaround.
Though, I believe, it should show up fine! Without any modifications except for javascript enabled!
Thanks for the reply!
Javascript IS enabled. I didn't have to change it.
Try changing UID ( from android to desktop),
Click to expand...
Click to collapse
This instruction, I do not understand. I've looked for a setting but still unsure. Can you elaborate a little, please?
I'm sure there are other threads out there. I had a quick look on this website but saw nothing. I'm not sure what keywords to use to describe what's not happening for me. New to Android...
Unfortunately, I cannot show the website as it is work-related.
Well, here it goes,
type this in browser address bar:
about:debug
than hit go
new options appear in settings,
Choose debug> uastring> change to desktop
plus rendering normal and disable wide page display, in case it helps.
UID is user identifier> implemented by browsers for web servers to identify the incoming client browser as dektop or mobile device for some good odd reason! Perhaps, ah never mind.
Lastly, try firefox browser from app market if all fails.
I got the bit about Firefox but I'm afraid I couldn't follow the rest.
I typed about:debug and it did nothing I could see. The third time, it took me to some google search results.
I could see nothing in the settings about debug... but then I'm not sur wchich part of the settings you refer to.
I tried installing flash 10.3 but this made no difference.
Does anyone have any ideas on this please?
It isn't suppose to load anything, the page remains same. New "DEBUG" option appear in "settings". Just hit the top right-corner "option" button and go to "settings" than "debug" is that complex?
Type this
about:debug
press enter
go option>Settings than debug >than uastring> than choose desktop
Well that post isn't complex, but the first one was not spelt out clearly - that's why I asked for clarification.
For some reason, even though I did the above actions the first time, the debug option never appeared. Now this time it worked but either way, selecting desktop has not fixed the main problem as per first post.
Anyone with any other ideas, please let me know. Neither desktop nor flash 10.3 has fixed the problem!!
I cannot scroll down a sub-section on an otherwise fixed web page!
Wasn't spelt correctly? Strange! As both the posts appear same to me the only addition I did in former was add firefox option. Since I can't access the webpage, have no idea about the issue perhaps discussing with your company's IT advisor may help!
"spelt out" - it's a figure of speech. Not to worry...
Yes, the IT advisor is my next option but I've always found certain IT forums have been helpful with IT issues in the past so I thought I would try this one.
Have tried the following site on native android browser, honeycomb 3.1, and all panels scroll very well with touch swipe independently from the main web page. There's a scrolling marquee panel at lower right and its auto-scrolling as meant to. Is your tablet updated to honeycomb 3.1?
http://www.visionjinx.net/?load=http://www-128.ibm.com/developerworks/views/web/rss/libraryview.jsp
mughalgxt said:
Have tried the following site on native android browser, honeycomb 3.1, and all panels scroll very well with touch swipe independently from the main web page. There's a scrolling marquee panel at lower right and its auto-scrolling as meant to. Is your tablet updated to honeycomb 3.1?
http://www.visionjinx.net/?load=http://www-128.ibm.com/developerworks/views/web/rss/libraryview.jsp
Click to expand...
Click to collapse
Hi, I've also experienced problems with the built in Android safari based browser and also the Skyfire browser app when perusing this site that has a scrollable text box within the main page. There are days when the content in the scrollable box is large and scrollable. This will cause these two mentioned browsers on Android 3.1 to improperly display the page. (note: if you view it on a day when that list box has a short list of news items and is not scrollable, then the Android browser will display it without scrambling text over text all over the place).
I just checked the site today and it is in a state that will cause the bug.
http://www.tabletpcreview.com/
I downloaded then Opera browser app today and tried this page and it seems to display all the contents on the screen instead of presenting it in a scrollable list box. At least Opera is not over-laying the list contents text over the main page text though. Go try it and see.
Hope they will fix the Android browsers to decode all pages in future update.
try the touchwiz stock rom, the scrambled text or over-laying the list contents text over the main page issue, at the bottom of the page, is completely fixed in android browser owing to samsung's native tweaks!
mughalgxt said:
try the touchwiz stock rom, the scrambled text or over-laying the list contents text over the main page issue, at the bottom of the page, is completely fixed in android browser owing to samsung's native tweaks!
Click to expand...
Click to collapse
Hi mughalgxt, what is this [/B]touchwiz stock rom[/B] exactly? I have a Samsung Galaxy Tab 10.1 locked retail model which I have rooted and have already applied Pershoot's Overclock to 1.4Hhz kernel flash. The tablet is running fine as it except for the mentioned quirks.
Will overlaying this [/B]touchwiz stock rom[/B] directly on top of my already modified kernel and rooting mods upset anything?
Do you have a direct link you can provide here to get the exact version of this [/B]touchwiz stock rom[/B] that you recommended?
Edit Update: I just read a bit on that touchwiz stock rom modification and I does not seem perfect enough for me to risk messing up my tablet environment right now. I will wait for Samsung to release an official version for my Wi-Fi only tab 10.1.
Thank You!
[stock][eur]touchwiz rom, its directly from samsung, unmodded, on android development page posted by me! The browser displays the complex webpages unscrambled! The only notable issue is the UAstring! It tends to return to android mode from desktop on reboot! I have failed to note any notable speed boost from 1 to 1.4ghz overclocking more prone to freezes so far!Like to remain stock! If browser is your main priority than gotta try the stock rom and may revert back!
Hi.
I got an Android tablet for my elderly parents, but they'll struggle with the UI (too small and fiddly). I've looked everywhere for LARGE and evocative launch widgets or launchers, no luck. Either they aren't big enough, or they're just a generic icon, not a preview of the actual content (my sister's blog...). So I'll need to roll my widget, who needs to do the following:
- be very large, and resizable, the goal is 4 widgets per 10", 1280x800 screen, landscape mode... mybe that won't even be big enough and I'll need to fall back to 2 per page.
- display part of a web page (or a local static image ?), starting at a fixed offset (to skip the customary header and left menu). The web site might require a login/credentials. A zoom factor might need to be applied.
- launch a specific app or bookmark when clicked
- be configurable individually, I'll use several instances of the same widget per screen, on several screens. I'm thinking touching 2 opposite corners (a single one is not idiot proof) pops up a config menu where I can hunt for the web site to display, and either select an app to run or enter an URL to open with the default browser, set the offset/zoom, and preview the result/login to the site.
I haven't programmed in ages, and never in Java. I've fished around for tutorials but they seem to assume knowledge I don't have and/or older versions of Android.
There's a WebClip widget on the market, but its max size is way too small (2x1), there's no zoom/offset, and it fails at sites that require a login or cookie, even when Android's browser has them.
Could someone do such a widget ? I originally wanted to try it myself, but it's over my head.
For me AOSP is still the best browser, it is quick, smooth and still does flash... The major problem I always had with it is that websites always loaded zoomed in (like almost every Android browser) because the viewport used to render the page was small. This has always been too big and blurry on all the 10 inch tablets I've had. The fix for this was to enter "about:debug" menu and untick "use wide viewport" in debug settings. I'm sure some of you have done this plenty, however this option never stuck and I had to manually enter "about:debug" every time I started the browser which gets confusing and annoying.
But now thanks to a handy XDA thread a quick recompile I can now browse with the correct zoom to my heart's content. The browser now loads in debug mode by default rendering pages spot on.
Before:
After:
This the AOSP browser was taken from this thread: http://forum.xda-developers.com/showthread.php?p=35551725#post35551725 recompiled apk is attached below.
Here are the instructions from that thread to install the browser:
Turbotab said:
> Must be rooted.
> Copy the browser.apk into the system/app folder
> With a root file explorer change the file permissions of the browser.apk to -rw-rw-r (you will see this represented as 664) If you don't do this, it won't install.
> You must rename the BrowserProviderProxy.apk & BrowserProviderProxy.odex otherwise the browser will force close, just add a 1 to the name e.g. 1BrowserProviderProxy.apk1 Do not delete them, if you still want to OTA update Android. Android checks for any changes to the system/app folder before performing an OTA, so you will have to delete the browser.apk and rename the two file back to stock, when it is OTA time.
Click to expand...
Click to collapse
Once you have restarted your device for the app to install you will need to open the browser and go into settings -> Debug and untick "use wide viewport" you should also untick the "show javascript console" box as we don't need it.
And you should be able to enjoy your quick browser without having your pages all zoomed in.
The chrome sync from the other thread should still work with this browser, but I have not tried it and cannot confirm this. The usual disclaimers apply, the apk is provided "as is".
Thanks to the original people who brought out the browser.apk in the original threads and thanks to the guy in this thread for the guide on how to keep the browser in debug mode and thanks to the other threads on xda which helped me in how to recompile apks. Hope I'm not stepping on any toes and have posted in the right place.
And here's my current favourite browsing setup on my nexus 10:
Status bar hidden courtesy of GMD, status pie menu from LMT and the quick controls enabled in the labs menu of AOSP, with all of those mods you can see almost twice as much webpage
v4nt0m said:
For me AOSP is still the best browser, it is quick, smooth and still does flash... The major problem I always had with it is that websites always loaded zoomed in (like almost every Android browser) because the viewport used to render the page was small. This has always been too big and blurry on all the 10 inch tablets I've had. The fix for this was to enter "about:debug" menu and untick "use wide viewport" in debug settings. I'm sure some of you have done this plenty, however this option never stuck and I had to manually enter "about:debug" every time I started the browser which gets confusing and annoying.
But now thanks to a handy XDA thread a quick recompile I can now browse with the correct zoom to my heart's content. The browser now loads in debug mode by default rendering pages spot on.
This the AOSP browser was taken from this thread: http://forum.xda-developers.com/showthread.php?p=35551725#post35551725 recompiled apk is attached below.
Here are the instructions from that thread to install the browser:
Once you have restarted your device for the app to install you will need to open the browser and go into settings -> Debug and untick "use wide viewport" you should also untick the "show javascript console" box as we don't need it.
And you should be able to enjoy your quick browser without having your pages all zoomed in.
The chrome sync from the other thread should still work with this browser, but I have not tried it and cannot confirm this. The usual disclaimers apply, the apk is provided "as is".
Thanks to the original people who brought out the browser.apk in the original threads and thanks to the guy in this thread for the guide on how to keep the browser in debug mode and thanks to the other threads on xda which helped me in how to recompile apks. Hope I'm not stepping on any toes and have posted in the right place.
And here's my current favourite browsing setup on my nexus 10:
Status bar hidden courtesy of GMD, status pie menu from LMT and the quick controls enabled in the labs menu of AOSP, with all of those mods you can see almost twice as much webpage
Click to expand...
Click to collapse
Thanks, was about to ask for a screen comparation! Awesome. However, I can't find the option that you say we have to untick (usew wide viewport). My browser is in spanish and I can't find it, where is it?
I'm not at my tablet at the moment but make sure you're in the settings menu, the debug option is at the very bottom.
I am looking at the screen on my phone and "use wide viewport" is the 8th option down, the javascript console option is the 6th option down.
I'll check where the options are on my tablet when I get home to be sure.
v4nt0m said:
I'm not at my tablet at the moment but make sure you're in the settings menu, the debug option is at the very bottom.
I am looking at the screen on my phone and "use wide viewport" is the 8th option down, the javascript console option is the 6th option down.
I'll check where the options are on my tablet when I get home to be sure.
Click to expand...
Click to collapse
Oh, for me the java option is the 3rd in Settings - Adavanced. Seems it's pretty changed.
Hi, you seem to be in the wrong settings menu, you should have another option as below labelled as debug:
It is the same on here, the viewport option is 8th down. If you do not have the debug option type about:debug into the address bar and go back into settings. Have you definitely installed the browser apk from my post?
v4nt0m said:
Hi, you seem to be in the wrong settings menu, you should have another option as below labelled as debug:
It is the same on here, the viewport option is 8th down. If you do not have the debug option type about:debug into the address bar and go back into settings. Have you definitely installed the browser apk from my post?
Click to expand...
Click to collapse
I did on my nexus 10 but I was looking to the settings menu from a nexus 10 that hasn't got your modified aosp browser, I guess that's why! Sorry lol.
The 4.2.2 Evervolv Browser.apk works great.
I've installed over 50 editors and reviewed 100s in the Play Store... none of them do everything I was looking for. Maybe I missed it.
Editor requirements:
Toolbars at the bottom.
Dark theme (option)
Dark paper / background
Autosave
Insert image (prefer in-line but thumbnail might be OK)
Formatting (bold/font/colors)
File Types = rtf or doc
Opens to last edited and in edit mode.
Trial/free version available for testing before purchase.
No pushy popups asking me to download other things.
Clipboard - easy to use.
Bonus:
Cross platform version in Windows (web version.ok)
Wont freak out if I use AI Keyboard to paste text.
Links - between docs / pages / to web.
Save as text only.
Save selection.
Send selection.
Clipboard history.
Undo history between edits.
No monthly/annual fees
Tags
Toolbars: App buttons should be configurable, always. Buttons for menu/bold/saveas/new could be at the top, bottom, left, right, or floating, per the user preference. I'm really disappointed android has not done more to assist users with reaching across their over sized screens. Almost no apps have this, and only a few place the controls in the obvious place = next to the keyboard = where the user is most likely to want to tap. S5 ships with quick screen sizing ability built in, seems Samsung is ahead on this one. And I don't think it's asking a lot, it's just a matter of moving the bar to a different place, it's too easy!
Theme: A dark theme uses less battery and is easier on my eyes, especially when it's dark out. The theme is the part around the edit area, strictly speaking. This would include all menu's and toolbars. There are great editors out there with dark themes and dark paper but the menu's open super bright, and whats worse is they'll put light gray text on them in wee little fonts with lots of space to make it bigger... and then ask for $$? No.
Paper: A dark paper is super easy to read in any lighting conditions, and uses less battery to display (the display takes 50%+ of most phones battery power) When printing, white paper is best because it is cheap and readily available, and printers are not generally equipped to print light colors on dark paper. Since most people are addicted to printing things they look at 0-1 times, we may be stuck with this for a while. In any case, I want dark paper. This has been a feature in editors for a long long time but is mostly missing from Android.
Autosave: This is a must. If it uses the "save every 10 seconds", it should also save on exit without prompting if I close in only 5s.
Insert image: My preference would be to have text above and below, not around, and not as a layer that is under typed text. If it's attached as a thumbnail, it should be easy to see and tap to zoom.
File Types: My favorite is RTF. It's been around a long time, compatible with most things. Any fairly common windows format is fine like doc or even pdf. I want to avoid special formats that wont work anywhere else. I don't mind if the program has this ability but if it cannot open/save in other formats by default, I'm not interested.
Opening: It should open to the last document opened, and ready to continue typing. If it opens to the home page, then I want to see a recent list with the last edited on top, and one tap to edit. I found some really nice apps that took 5-6 taps to edit a doc. For example, Evernote opens to the home page, you tap to view, scroll to where you want to type, tap and ... nothing.... you have to tap MENU and then some symbol for edit, and then you start typing and it's not typing in the right place, it moved to the top or the bottom or whatever... terrible app IMO.
Fees: I have dropbox and other storage already, I'd rather not sign up for yet another one. Many apps work with existing sharing services just fine, while others require payments for this, generally 4-8 per month. I'm only willing to pay if it is the only one that meets all my other requirements, and it has to be the super ultimate editor and really amazing too.
TagSpaces might do it. There's no trial for Android tho....
Downloads include linux, mac, windows, android and firefox/chrome extensions.
Looks really cool but there's no trial/free version.
TagSpaces does not support themes nor paper color choices.
I'm using SlimRom, it has a great holo theme, and inverted google app package.
Build 7-187 did not invert google play for me.
Build 6-112 works great
The Slim Gaap downloads are here Slim 4-4 Gaaps, stable addon page.
Still looking for a full editor with all the features I mentioned. It's very strange how many apps do not have proper color options for the canvas, any dev who ever opens an app at night or in a dark room knows why. Special lighting apps like Velis Auto Brightness with super dark mode enabled helps a lot, but in a dark room, if the large white areas are bright enough to see the lettering on them, then it's bright enough to light the whole room.
Anyone who wants a longer battery life should be asking every dev to add night modes to their apps