Skip to content

Commit

Permalink
Merge pull request #12488 from keymanapp/fix/developer/doc-links
Browse files Browse the repository at this point in the history
docs(developer): Fix image links in help
  • Loading branch information
darcywong00 authored Oct 3, 2024
2 parents c55de47 + a85b701 commit d49719c
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 13 deletions.
16 changes: 8 additions & 8 deletions developer/docs/help/guides/test/keyboard-touch-and-desktop.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,15 @@ Keyman Developer includes full touch layout editing tools. In the image
below I am editing a Khmer Angkor touch layout sample.

[![Touch Editor -
Khmer](../../../images/testing/touch-editor-khmer-800wi.png "Touch Editor - Khmer")](../../../images/testing/touch-editor-khmer.png)
Khmer](../../images/testing/touch-editor-khmer-800wi.png "Touch Editor - Khmer")](../../images/testing/touch-editor-khmer.png)

Once you have created your keyboard layout, you need to test it. Your
keyboard layout may cover desktops as well as touch devices. The
**Build** tab of the keyboard editor gives you access to testing and
debugging commands for all platforms.

[![Touch Editor - Build
tab](../../../images/testing/touch-editor-build-800wi.png "Touch Editor - Build tab")](../../../images/testing/touch-editor-build.png)
tab](../../images/testing/touch-editor-build-800wi.png "Touch Editor - Build tab")](../../images/testing/touch-editor-build.png)

Testing is easy on Windows: press the **Start Debugging** button on the
**Build** tab to test the rules in your keyboard layout with a [fully
Expand Down Expand Up @@ -56,7 +56,7 @@ will need to use different addresses; Keyman Developer leaves that up to
you! We call the list the **Debug Host List**.

![KeymanWeb Debug
Host](../../../images/testing/startdebugging-kd10.png "KeymanWeb Debug Host")
Host](../../images/testing/startdebugging-kd10.png "KeymanWeb Debug Host")

## Testing your web keyboard on your desktop

Expand Down Expand Up @@ -91,12 +91,12 @@ choice, so you can then just click the link in your email on your target
device.

![Enter the debug host
URL](../../../images/testing/frame/android-enter-debug-host.png "Enter the debug host URL")
URL](../../images/testing/frame/android-enter-debug-host.png "Enter the debug host URL")

All going well, you should be presented with a page like this:

![Viewing the debug host on
iPhone](../../../images/testing/frame/android-debug-host.png "Viewing the debug host on iPhone")
iPhone](../../images/testing/frame/android-debug-host.png "Viewing the debug host on iPhone")

If you get a Host Not Found error, try different addresses from the
**KeymanWeb Debug Host** list, check your computer's firewall settings,
Expand All @@ -109,7 +109,7 @@ F7), and reload on the touch device -- you don't need to click the
**Test Keyboard on web** button again.

![Testing a keyboard on
iPhone](../../../images/testing/frame/android-debug-keyboard.png "Testing a keyboard on iPhone")
iPhone](../../images/testing/frame/android-debug-keyboard.png "Testing a keyboard on iPhone")

## Loading your keyboard into the native Keyman apps

Expand All @@ -123,10 +123,10 @@ to Keyman for Android** button or **Add keyboard to Keyman for iOS**
button on the test page on your device.

![Installing the keyboard into native
app](../../../images/testing/frame/installing-native-keyboard-1.png "Installing the keyboard into native app")
app](../../images/testing/frame/installing-native-keyboard-1.png "Installing the keyboard into native app")

![Installing the keyboard into native
app](../../../images/testing/frame/installing-native-keyboard-2.png "Installing the keyboard into native app")
app](../../images/testing/frame/installing-native-keyboard-2.png "Installing the keyboard into native app")

Now your keyboard layout is installed and available in the Keyman App,
and if you have the Keyman version with the system keyboard support
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -24,24 +24,24 @@ devices emulated may or not work as well a real device.

1. Start testing your keyboard with the [original steps on testing
touch keyboards](keyboard-touch-and-desktop).
![](../../../images/testing/startdebugging-kd10.png "StartDebugging")
![](../../images/testing/startdebugging-kd10.png "StartDebugging")
2. Open Chrome, navigate to the debug host page for your keyboard, and
press F12.
![Chrome1](../../../images/testing/chrome1.png "Chrome1")
![Chrome1](../../images/testing/chrome1.png "Chrome1")
3. In the Developer Tools window, click the mobile icon:
![Chrome2](../../../images/testing/chrome2.png "Chrome2")
![Chrome2](../../images/testing/chrome2.png "Chrome2")
4. Back in the debug host page, select the appropriate device from the
mobile emulation toolbar, then press F5 to reload and enable the
touch mode. Some recommended devices are iPad or iPad Pro for tablet
testing, and iPhone X or Nexus 6P for mobile testing. Do not select
"Responsive".
![Chrome3](../../../images/testing/chrome3.png "Chrome3")
![Chrome3](../../images/testing/chrome3.png "Chrome3")
5. At this point, you should see a simulation of selected device's
screen, and KeymanWeb should be presenting its touch keyboard rather
than the desktop equivalent. You'll also see the mouse cursor has
turned into a fuzzy circle, to simulate a fingertip instead of a
precise arrow.
![Chrome4"](../../../images/testing/chrome4.png "Chrome4")
![Chrome4"](../../images/testing/chrome4.png "Chrome4")

You can now test the keyboard layout and get an idea of how it will feel
on a real touch device. Rotation, or changing device types will require
Expand Down

0 comments on commit d49719c

Please sign in to comment.