{ 18 | navigate(`/route/${btoa(bookmark.url)}`) 19 | }} 20 | class="link link-hover font-medium underline-offset-4" 21 | > 22 | {bookmark.title} 23 |
24 |
41 | You don't have any bookmarks saved!
Click the bookmark icon while browsing to save it here.
42 |
Mocha is a web proxy used to unblock websites at work or school. Your traffic is encrypted so no one can read it, not even us.
12 |20 | Navigate to the home page and type in a URL or search query. You can also launch a preset{' '} 21 | 22 | shortcut 23 | {' '} 24 | or{' '} 25 | 26 | game 27 | 28 | . 29 |
30 |The proxy is hosted on a shared server that serves all users. If there is a significant amount of users at one time, it can cause network congestion and slow down requests.
38 |Change how Mocha appears in your browser
149 | setTabName(e.target.value)} placeholder="Tab name" /> 150 | setTabIcon(e.target.value)} placeholder="Tab icon" /> 151 | 152 | { 155 | setMoreInfoTitle('Tab Cloaking') 156 | setMoreInfoContent("Changing these settings change how the tab in your browser looks. You can make it look like Google Docs, Quizlet, or another learning site. The Tab Icon field requires an image URL - search one on Google and copy it's image address.") 157 | setMoreInfoVisiblity(true) 158 | }} 159 | > 160 |Press a key to redirect to a URL (works in proxy)
167 | setPanicKey(e.target.value)} placeholder="Panic key" /> 168 | setPanicUrl(e.target.value)} placeholder="Panic URL" /> 169 | 170 | { 173 | setMoreInfoTitle('Panic Key') 174 | setMoreInfoContent("Set the Panic Key field to automatically redirect to a website when you press that key. It's useful for when teachers are coming and you need to quickly close Mocha. The panic button also works when you're browsing inside the proxy!") 175 | setMoreInfoVisiblity(true) 176 | }} 177 | > 178 |Open Mocha in an about:blank tab automatically
185 | 189 | 190 | { 193 | setMoreInfoTitle('about:blank') 194 | setMoreInfoContent("about:blank tabs don't show up in your history and appear as system pages or pages that are still loading. Enabling this setting enables Mocha to automatically launch inside one of these tabs, and Mocha won't show up in your history.") 195 | setMoreInfoVisiblity(true) 196 | }} 197 | > 198 |Change the styling of Mocha's UI
205 | 211 | 212 | { 215 | setMoreInfoTitle('Themes') 216 | setMoreInfoContent("It's simple - themes change the colors of Mocha's UI.") 217 | setMoreInfoVisiblity(true) 218 | }} 219 | > 220 |Change the search engine
227 | 232 | 233 | { 236 | setMoreInfoTitle('Search Engine') 237 | setMoreInfoContent('Changes the search engine used when you type a search query into Mocha.') 238 | setMoreInfoVisiblity(true) 239 | }} 240 | > 241 |Enable Eruda devtools (helps with debugging)
253 | 257 | 258 | { 261 | setMoreInfoTitle('Debug Menu') 262 | setMoreInfoContent("Enabling this enables the Eruda devtools menu. This puts a little wrench icon in the bottom right of your screen and can be used in conjunction with Mocha's dev team to diagnose issues, even when you don't have normal Chrome devtools enabled on your device.") 263 | setMoreInfoVisiblity(true) 264 | }} 265 | > 266 |Enable a devtools option inside the proxy
273 | 277 | 278 | { 281 | setMoreInfoTitle('Proxy Devtools') 282 | setMoreInfoContent('When enabled, a devtools button will appear on your browsing bar to open a devtools panel inside the proxy. This can be used to run JavaScript or inspect element on a proxied site.') 283 | setMoreInfoVisiblity(true) 284 | }} 285 | > 286 |Change how Mocha's proxy handles requests
293 | 297 | 298 | { 301 | setMoreInfoTitle('Transports') 302 | setMoreInfoContent('Changing the transport changes how Mocha fetches proxied requests. Each transport has its own method of doing this - changing it may improve compatibility with sites.') 303 | setMoreInfoVisiblity(true) 304 | }} 305 | > 306 |Export, import, or delete your proxy browsing data
313 |