Configuration
View SourceBrowser features
Some features require injecting JS into the debugged application. They are enabled by default, but you can disable them in your config.
# config/dev.exs
# Disables all browser features and does not inject LiveDebugger JS
config :live_debugger, browser_features?: false
# Disables only debug button
config :live_debugger, debug_button?: false
Content Security Policy
In router.ex
of your Phoenix app, make sure your locally running Phoenix app can access the LiveDebugger JS files on port 4007. To achieve that you may need to extend your CSP in :dev
mode:
@csp "{...your CSP} #{if Mix.env() == :dev, do: "http://127.0.0.1:4007"}"
pipeline :browser do
# ...
plug :put_secure_browser_headers, %{"content-security-policy" => @csp}
Other
# config/dev.exs
config :live_debugger,
ip: {127, 0, 0, 1}, # IP on which LiveDebugger will be hosted
port: 4007, # Port on which LiveDebugger will be hosted
secret_key_base: "YOUR_SECRET_KEY_BASE", # Secret key used for LiveDebugger.Endpoint
signing_salt: "your_signing_salt", # Signing salt used for LiveDebugger.Endpoint
adapter: Bandit.PhoenixAdapter, # Adapter used in LiveDebugger.Endpoint
server: true, # Forces LiveDebugger to start even if project is not started with the `mix phx.server`
tracing_setup_delay: 0 # Time in ms after tracing will be initialized. Useful in case multi-nodes envs