Skip to content

Commit 74c26fd

Browse files
erisuNiklasMerz
erisu
authored and
NiklasMerz
committed
site: refactor app page
1 parent 516f073 commit 74c26fd

File tree

1 file changed

+54
-46
lines changed

1 file changed

+54
-46
lines changed

‎pages/apps.html‎

Lines changed: 54 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -5,64 +5,72 @@
55
---
66
<div class="post">
77
<section>
8-
<h2>CanIAndroidWebView</h2>
9-
<p>
10-
CanIAndroidWebView is an open source app built to test your content inside Android WebViews.
11-
You can try different configurations and see how your content behaves in the <a href="https://developer.android.com/reference/android/webkit/WebView">Android WebView</a>.
12-
It's also useful to reproduce issues and report bugs.</p>
13-
<p>The app is available on the <a href="https://play.google.com/store/apps/details?id=com.caniwebview.android">Google Play Store</a> and the source
14-
code and issue tracker is available on <a href="https://github.com/WebView-CG/CanIAndroidWebView">GitHub</a>.
8+
<h2>CanIWebView App</h2>
9+
<p style="margin: 15px 0;">
10+
<strong>CanIWebView</strong> distributes an open-source app, available on both the <a href="https://play.google.com/store/apps/details?id=com.caniwebview.android">Google Play Store</a> and Apple <a href="https://apps.apple.com/us/app/caniwebview/id6753594838">App Store</a>, that allows you to test your content within the platform's webview. Within the app, you can customize WebView configurations to observe how your content behaves differently.
1511
</p>
1612

17-
<p>If you find a bug in the Android WebView you can submit an issue <a href="https://bugs.chromium.org/p/chromium/issues/entry?template=WebView%20Bug&labels=WebView">on the Chromium issue tracker</a>
18-
or <a href="https://issuetracker.google.com/issues/new?component=460423&pli=1&template=1157790">on the Google issue tracker</a>.</p>
13+
<p style="margin: 15px 0; padding: 0 0 0 10px; border-left: 2px solid yellow;">Since WebViews like <a href="https://developer.android.com/reference/android/webkit/WebView">Android WebView</a> and <a href="https://developer.apple.com/documentation/webkit/wkwebview">WKWebView on iOS</a> can behave very different, you should test in all environments.</p>
1914

20-
<a href="https://play.google.com/store/apps/details?id=com.caniwebview.android"
21-
style="display: inline-block; padding-top: 20px">
22-
<img alt="Get it on Google Play" src="/assets/images/googleplay.png" />
23-
</a>
24-
<a href="https://f-droid.org/packages/com.caniwebview.android/"
25-
style="display: inline-block; padding-top: 20px">
26-
<img alt="Get it on F-Droid" src="/assets/images/get-it-on.png"
27-
style="width: 270px; height: 80px;" />
28-
</a>
29-
</section>
30-
</div>
15+
<p style="margin: 15px 0;">
16+
This is especially useful for identifying whether an issue is reproducible, making it easier to share the necessary details when reporting bugs to the appropriate platform's issue tracker. If you discover a bug on either platform, you can submit it using the links below.
17+
</p>
3118

32-
<div class="post">
33-
<section>
34-
<h2>CanIWKWebView</h2>
35-
<p>
36-
CanIWKWebView is an open source app built to test your content inside iOS WebViews.
37-
You can try different configurations and see how your content behaves in the <a href="https://developer.apple.com/documentation/webkit/wkwebview">iOS WebView</a>.
38-
It's also useful to reproduce issues and report bugs.</p>
39-
<p>The app is available on the <a href="https://apps.apple.com/us/app/caniwebview/id6753594838">App Store</a> and the source code and issue tracker is available on <a href="https://github.com/WebView-CG/CanIWKWebView">GitHub</a>.
19+
<ul style="margin: 15px 0; padding: 0 20px;">
20+
<li>
21+
<a href="https://bugs.chromium.org/p/chromium/issues/entry?template=WebView%20Bug&labels=WebView">Google Chromium Issue Tracker</a>
22+
</li>
23+
<li>
24+
<a href="https://bugs.webkit.org/enter_bug.cgi?product=WebKit&component=WebKit%20iOS">WebKit Issue Tracker (Bugzilla)</a>
25+
</li>
26+
</ul>
27+
28+
<p style="margin: 15px 0;">
29+
The source code and issue tracker for this application are available in the following GitHub repository:
4030
</p>
4131

42-
<p>If you find a bug in the iOS WebView you can submit an issue <a href="https://developer.apple.com/bug-reporting/">on the Apple bug reporter</a> or
43-
WebKit issue tracker <a href="https://bugs.webkit.org/enter_bug.cgi?product=WebKit&component=WebKit%20iOS">Bugzilla</a>.</p>
32+
<ul style="margin: 15px 0; padding: 0 20px;">
33+
<li>
34+
<a href="https://github.com/WebView-CG/CanIAndroidWebView">Android App Source Code</a>
35+
</li>
36+
<li>
37+
<a href="https://github.com/WebView-CG/CanIWKWebView">iOS App Source Code</a>
38+
</li>
39+
</ul>
40+
41+
<div style="display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center;">
42+
<a href="https://play.google.com/store/apps/details?id=com.caniwebview.android"
43+
style="display: inline-block; padding-top: 20px">
44+
<img alt="Get it on Google Play"
45+
src="/assets/images/googleplay.png"
46+
style="height: 40px; width: auto; max-width: auto;" />
47+
</a>
48+
<a href="https://f-droid.org/packages/com.caniwebview.android/"
49+
style="display: inline-block; padding-top: 20px">
50+
<img alt="Get it on F-Droid"
51+
src="/assets/images/get-it-on.png"
52+
style="width: auto; height: 60px;" />
53+
</a>
54+
55+
<a href="https://apps.apple.com/us/app/caniwebview/id6753594838?itscg=30200&itsct=apps_box_badge&mttnsubad=6753594838"
56+
style="display: inline-block; padding-top: 20px">
57+
<img src="/assets/images/appstore-black.svg"
58+
alt="Download on the App Store"
59+
style="width: auto; height: 40px;" />
60+
</a>
61+
</div>
62+
4463

45-
<a href="https://apps.apple.com/us/app/caniwebview/id6753594838?itscg=30200&itsct=apps_box_badge&mttnsubad=6753594838"
46-
style="display: inline-block; padding-top: 20px">
47-
<img src="/assets/images/appstore-black.svg"
48-
alt="Download on the App Store" style="width: 270px; height: 80px; vertical-align: middle; object-fit: contain;" />
49-
</a>
5064
</section>
5165
</div>
5266

5367
<div class="post">
5468
<section>
55-
<h2>CanIWebView2</h2>
56-
<p>
57-
CanIWWebView2 is an open source app built to test your content inside WebView2.
58-
It's also useful to reproduce issues and report bugs.</p>
59-
<p>The source code and issue tracker is available on <a
60-
href="https://github.com/WebView-CG/CanIWebView2">GitHub</a>.
61-
</p>
62-
63-
<p>If you find a bug in the WebView you can submit an issue <a
64-
href="https://github.com/MicrosoftEdge/WebView2Feedback">on the Microsoft Edge WebView2 Feedback repository on GitHub</a>.
65-
</p>
69+
<h2>Do you use Microsoft Edge's WebView2?</h2>
70+
71+
<p>We do not have this app distributed on any marketplace, but the source code is made available to download and compile locally for testing against on WebView2.</p>
72+
<p>You can find the source code and issue tracker at our <a href="https://github.com/WebView-CG/CanIWebView2">CanIWebView2</a> GitHub repository.</p>
73+
<p>If you find a bug in the WebView you can submit an issue <a href="https://github.com/MicrosoftEdge/WebView2Feedback">on the Microsoft Edge WebView2 Feedback repository on GitHub</a>.</p>
6674
</section>
6775
</div>
6876

0 commit comments

Comments
 (0)