如何调试 Canvas LMS 移动应用自定义
How to debug Canvas LMS mobile app customization
使用 CSS 和 JS 文件自定义 Canvas LMS 桌面网页后,我们需要在移动应用程序上执行相同的操作。
鉴于 Android 和 iPhone 的移动应用程序都是 Webview,我如何检查 html 标签 类 和 ID 以通过 CSS 还是 JS 文件?
谢谢!
鉴于没有人知道,我进行了以下操作:
- 我已从 public github 存储库中克隆了 Canvas 移动应用程序,网址为:https://github.com/instructure/instructure-android
- 我已经编译了这个项目并在我自己的设备上执行了它,为此我需要一个 PSPDF 的演示许可证来满足它的依赖。
- 我已经调试了该应用程序,特别是我在
instructure-android/pandautils/src/main/java/com/instructure/pandautils/views/CanvasWebView.java
第 396 行或包含要在应用程序中显示的 HTML 代码的变量的某处设置了一个断点。
- 在屏幕之间导航并等待断点触发。
我不得不说,我预计大部分应用程序都是网络视图,但我错了。事实上,恰恰相反:这是一个 Android 本机应用程序,只允许通过可上传的 CSS 和 JS 文件在少数屏幕上进行一些自定义。
使用 CSS 和 JS 文件自定义 Canvas LMS 桌面网页后,我们需要在移动应用程序上执行相同的操作。
鉴于 Android 和 iPhone 的移动应用程序都是 Webview,我如何检查 html 标签 类 和 ID 以通过 CSS 还是 JS 文件?
谢谢!
鉴于没有人知道,我进行了以下操作:
- 我已从 public github 存储库中克隆了 Canvas 移动应用程序,网址为:https://github.com/instructure/instructure-android
- 我已经编译了这个项目并在我自己的设备上执行了它,为此我需要一个 PSPDF 的演示许可证来满足它的依赖。
- 我已经调试了该应用程序,特别是我在
instructure-android/pandautils/src/main/java/com/instructure/pandautils/views/CanvasWebView.java
第 396 行或包含要在应用程序中显示的 HTML 代码的变量的某处设置了一个断点。 - 在屏幕之间导航并等待断点触发。
我不得不说,我预计大部分应用程序都是网络视图,但我错了。事实上,恰恰相反:这是一个 Android 本机应用程序,只允许通过可上传的 CSS 和 JS 文件在少数屏幕上进行一些自定义。