Grasscutters/mitmproxy
3
0
Fork 0
mirror of https://github.com/Grasscutters/mitmproxy.git synced 2024-11-26 18:18:25 +00:00
Code Issues Projects Releases Wiki Activity

Add dynamic apple instructions

Browse Source
This commit is contained in:
Ritiek Malhotra 2017-05-07 02:07:41 +05:30 committed by GitHub
parent fdec51d732
commit 39356e8f34
1 changed files with 35 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
mitmproxy/addons/onboardingapp/templates/index.html
View File

@ -1,47 +1,63 @@
{% extends "frame.html" %}
{% block body %}
<script>
function changeTo(device) {
if (device == "apple") {
var text = `<h3>Apple: How to install on macOS / OSX</h3>
<ul>
<li>Download PEM file (from above link)</li>
<li>Double-click the PEM file</li>
<li>The "Keychain Access" applications opens</li>
<li>Find the new certificate "mitmproxy" in the list</li>
<li>Double-click the "mitmproxy" entry</li>
<li>A dialog window openes up</li>
<li>Change "Secure Socket Layer (SSL)" to "Always Trust"</li>
<li>Close the dialog window (and enter your password if prompted)</li>
<li>Go to Settings > General > About > Certificate Trust Settings and enable full trust for your certificate</li>
<li>Done!</li>
</ul>`;
}
else if (device == "windows") {
var text = "hi";
}
else if (device == "android") {
var text = "hi";
}
else if (device == "asterisk") {
var text = "hi";
}
document.getElementById("dynamic").innerHTML = text;
}
</script>
<center>
<h2> Click to install the mitmproxy certificate: </h2>
</center>
<div id="certbank" class="row">
<div class="col-md-3">
<a href="/cert/pem"><i class="fa fa-apple fa-5x"></i></a>
<a onclick="changeTo('apple')" href="/cert/pem"><i class="fa fa-apple fa-5x"></i></a>
<p>Apple</p>
</div>
<div class="col-md-3">
<a href="/cert/p12"><i class="fa fa-windows fa-5x"></i></a>
<a onclick="changeTo('windows')" href="/cert/p12"><i class="fa fa-windows fa-5x"></i></a>
<p>Windows</p>
</div>
<div class="col-md-3">
<a href="/cert/pem"><i class="fa fa-android fa-5x"></i></a>
<a onclick="changeTo('android')" href="/cert/pem"><i class="fa fa-android fa-5x"></i></a>
<p>Android</p>
</div>
<div class="col-md-3">
<a href="/cert/pem"><i class="fa fa-asterisk fa-5x"></i></a>
<a onclick="changeTo('asterisk')" href="/cert/pem"><i class="fa fa-asterisk fa-5x"></i></a>
<p>Other</p>
</div>
</div>
<hr/>
<div class="text-left">
<h3>Apple: How to install on macOS / OSX</h3>
<ul>
<li>Download PEM file (from above link)</li>
<li>Double-click the PEM file</li>
<li>The "Keychain Access" applications opens</li>
<li>Find the new certificate "mitmproxy" in the list</li>
<li>Double-click the "mitmproxy" entry</li>
<li>A dialog window openes up</li>
<li>Change "Secure Socket Layer (SSL)" to "Always Trust"</li>
<li>Close the dialog window (and enter your password if prompted)</li>
<li>Done!</li>
</ul>
<div class="text-left" id="dynamic">
</div>
<hr/>
<div class="text-center">