Kodex vs Web Inspector

Kodex is an advanced code editor which brings powerful and desktop-class editor features to your iPad or iPhone: * Multi-caret editing, to quickly transform code selections. * Regex search and replace, with template matching and replace-all-matches. * Minimap which allows quick scroll navigation though the document. * Multiple window support * Syntax highlighting for over 150 languages. * Trackpad support with custom gestures to add cursors (ctrl+shift+click). * Auto complete feature (currently only for HTML). * Add as many guide columns as you wish (default 80 and 120 characters). * Configurable tab size (default 4 spaces), or insert spaces when pressing tab. * Draw hints for invisible characters such as new lines, tabs, and spaces. * Customizable key bindings, so you can configure Kodex to use the same key combos you are already used to. * Kodex smartly preserves your open documents so that your work stays as you left it between launches. * Light and Dark modes. Kodex is integrated with the Files app, so you can easily open files from any other app, and from your iCloud documents folder. You can launch Kodex QuickEdit from any file sharing view in any app to edit its contents without launching the main Kodex App (be aware this functionality depends on the host app implementing the sharing activity properly). Included are 10 editor themes, and several monospaced fonts for code editing (you can install your own preferred fonts using system profiles). Font size and line spacing are adjustable, so you can configure Kodex to best fit your preferred screen size, arrangement, and orientation. Kodex is not a compiler, and you can not build or run the code you edit from it. Think of Kodex as a NotePad++ or Sublime Text substitute for iPhone and iPad. Kodex is currently optimized for external keyboards, such as Apple's Smart Keyboard for the iPad Pro, or any bluetooth/USB keyboard. More virtual keyboard features will be added in a future version.

Web Inspector expands Safari on iPhone and iPad with a set of web development tools: Elements: Browse the DOM tree and tap elements on the page to inspect them. View node details, styles, and computed values. Search the DOM, edit an element's HTML, and copy or delete nodes. Console: Type JavaScript commands to debug, modify, and get information about your webpage. Sources: Read the webpage's source with syntax highlighting. Network: See a list of network requests made by the webpage, with headers and responses. Filter requests, or copy one as a cURL command. Resources: Find details about the data stored by a webpage, such as cookies, local storage, and session storage. Tip: If you tap the Web Inspector button and nothing happens, reload the page once..